12 2017 档案

Animations使用01 BrowserAnimationsModule
摘要：1 基础知识 1.1 动画 就是从一个状态过渡到另外一个状态 1.2 状态 元素本身的形状、颜色、大小等 1.3 Angular中的动画 给元素添加一个触发器，当这个触发器被触发后就会让该元素的状态发生变化，其中状态用state表示，状态之间的转变用transition表示 2 如何使用Browse 阅读全文
posted @ 2017-12-30 17:35 寻渝记 阅读(619) 评论(0) 推荐(0)
Material使用10 MdRadioModule、MdDatepickerModule、MdNativeDateModule、MdSelectModule
摘要：1 MdRadioModule 相当于<input type="radio"> 2 使用步骤 2.1 在共享模块导入MdRadioModule import { NgModule } from '@angular/core'; import { CommonModule } from '@angul 阅读全文
posted @ 2017-12-27 22:56 寻渝记 阅读(785) 评论(0) 推荐(0)
Material使用09 MdCheckboxModule、MdMenuModule、MdTooltipModule
摘要：1 MdCheckboxModule的使用 md-checkbox 实现的功能和 <input type="checkbox"> 相同，只不过 md-checkbox 新增了一些materil样式和动画而已 1.1 在共享模块中引入MdCheckboxModule import { NgModule 阅读全文
posted @ 2017-12-27 15:21 寻渝记 阅读(878) 评论(0) 推荐(0)
Material使用08 MdDialogModule、MdAutocompleteModule
摘要：1 MatDialog 1.1 简要描述 MdDialog是一个服务，可以利用它来打开一个具有material风格和动画效果的对话框 技巧01：虽然已经在模块级别导入了MdDialogModule但是在需要依赖注入MdDialog服务的组件仍然需要单独导入MdDialog服务 import { Ng 阅读全文
posted @ 2017-12-27 13:48 寻渝记 阅读(495) 评论(0) 推荐(0)
Material使用07 MdGridListModule的使用
摘要：1 MatGridListModule简介 对相似数据的展现，尤其是像是图片的展示 使用起来很像表格 官方文档：点击前往 2 MatGridListModule提供的指令 2.1 mat-grid-list 2.1.1 指令说明 一个二维的列表视图 <md-grid-list cols="4" ro 阅读全文
posted @ 2017-12-25 14:57 寻渝记 阅读(1406) 评论(0) 推荐(0)
Material使用06 自定义主题、黑夜模式\白天模式切换
摘要：需求： 1 不使用materil依赖内建的主题，使用自己创建的主题 2 利用自己创建的主题实现白天模式和黑夜模式 1 自定义主题 1.1 创建自定义主题文件 them.scss // 引入material自定义主题支持 @import '~@angular/material/theming'; // 阅读全文
posted @ 2017-12-24 22:06 寻渝记 阅读(4785) 评论(4) 推荐(0)
Material使用05 MdListModule模块 MdButtonToggleModule模块
摘要：1 在共享模块中导入MdListModule模块 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/common'; import { MdSidenavModule, MdToolbar 阅读全文
posted @ 2017-12-24 10:30 寻渝记 阅读(925) 评论(0) 推荐(0)
Material使用04 MdCardModule和MdButtonModule综合运用
摘要：设计需求：设计一个登陆页面 1 模块导入 1.1 将MdCardModule和MdButtonModule模块导入到共享模块中 import { NgModule } from '@angular/core'; import { CommonModule } from '@angular/commo 阅读全文
posted @ 2017-12-23 21:47 寻渝记 阅读(535) 评论(0) 推荐(0)
Angular14 Angular相关命令
摘要：1 创建相关 1.1 创建项目 ng new 项目名 -> 创建新项目 ng new 项目名 --skip-install -> 不进行模块安装 ng new 项目名 -si ng new 项目名 -si --style=scss -> 执行样式风格 1.2 其它创建命令 ng g m 模块名 -> 阅读全文
posted @ 2017-12-23 10:44 寻渝记 阅读(518) 评论(0) 推荐(0)
Angular14 Visual Studio Code作为Angular开发工具常用插件安装、json-server安装与使用、angular/cli安装失败问题、emmet安装
摘要：前提准备： 搭建好Angular开发环境 1 安装Visual Studio Code 教程简单，不会的去问度娘 2 安装Chrome浏览器 教程简单，不会的趣闻度娘 3 Visual Studio Code需要安装的插件 3.1 Debugger for Chrome 用于直接在谷歌浏览器中调试A 阅读全文
posted @ 2017-12-23 10:37 寻渝记 阅读(987) 评论(0) 推荐(0)
Material使用03 MdCardModule模块、MdInputModule模块
摘要：需求：先需要增加一个登录模块 1 创建登录模块 ng g m testLogin 1.1 将共享模块导入到登录模块中 import { NgModule } from '@angular/core'; import { TestLoginComponent } from './test-login/ 阅读全文
posted @ 2017-12-22 12:11 寻渝记 阅读(1061) 评论(0) 推荐(0)
Material使用02 图标MdIconModule、矢量图作为图标使用及改进
摘要：1 MdIconModule模块的使用 1.1 在需要用到的模块中引入Material图标模块 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; i 阅读全文
posted @ 2017-12-21 22:21 寻渝记 阅读(2300) 评论(0) 推荐(0)
Material使用01 侧边栏MdSidenavModule、工具栏MdTollbarModule
摘要：前提准备： 构建好一个Angular2应用 熟悉CSS的flex布局风格 1 利用flex进行布局 1.1 创建三个组件 app-header app-main app-footer 1.2 在主组件中编写大体结构代码 1.3 在全局样式中编写代码实现flex风格布局 1.3 布局效果如下 2 利用 阅读全文
posted @ 2017-12-21 16:45 寻渝记 阅读(2369) 评论(0) 推荐(0)
阿里巴巴Druid数据库连接池的使用
摘要：准备： 创建一个基于SpringBoot的web项目 1 引入相关依赖 jpa、mysql、druid <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xs 阅读全文
posted @ 2017-12-11 18:56 寻渝记 阅读(9576) 评论(0) 推荐(0)
利用generator自动生成model（实体）、dao（接口）、mapper（映射）
摘要：1 在MySQL数据库中创建相应的表 /* Navicat MySQL Data Transfer Source Server : 虚拟机_zeus01 Source Server Version : 50717 Source Host : 10.24.3.108:3306 Source Datab 阅读全文
posted @ 2017-12-10 17:07 寻渝记 阅读(1356) 评论(0) 推荐(0)
Shrio00 Shiro角色授权、Shiro权限授权、开启Shiro缓存
摘要：1 需求01 用户进行过认证登录后，某些接口是有权限限制的；如何实现只有相应权限的用户才可以调用相应接口 2 修改shiro配置类 ShiroConfiguration package cn.xiangxu.apache_shiro; import org.apache.shiro.mgt.Secu 阅读全文
posted @ 2017-12-07 14:42 寻渝记 阅读(4463) 评论(0) 推荐(1)
Shrio00 Shiro认证登录、权限管理环境搭建
摘要：基础环境准备： JDK -> java version "1.8.0_101" MAVEN -> Apache Maven 3.5.0 1 导入依赖 mysql驱动 mybatis shiro相关 <!--shiro相关--> <dependency> <groupId>org.apache.shi 阅读全文
posted @ 2017-12-07 14:06 寻渝记 阅读(679) 评论(0) 推荐(0)
SpringSecurity04 利用JPA和SpringSecurity实现前后端分离的认证和授权
摘要：1 环境搭建 1.1 环境说明 JDK：1.8 MAVEN：3.5 SpringBoot：2.0.4 SpringSecurity：5.0.7 IDEA：2017.02旗舰版 1.2 环境搭建 创建一个SpringBoot项目，引入相关依赖：WEB、JPA、MYSQL、SpringSecurity、 阅读全文
posted @ 2017-12-06 16:03 寻渝记 阅读(1345) 评论(0) 推荐(0)
SpringSecurity03 基于内存验证
摘要：1 需求 现有一个编写好的系统，需要实现用户登录验证即可，同时根据用户的权限来限制用户可以访问的接口 2 编写SpringSecurity配置类 继承 WebSecurityConfigurerAdapter 类并重写configure 方法 package cn.xiangxu.spring_se 阅读全文
posted @ 2017-12-06 15:58 寻渝记 阅读(891) 评论(0) 推荐(0)
SpringSecurity02 表单登录、SpringSecurity配置类
摘要：1 功能需求 springSecuriy默认的登录窗口是一个弹出窗口，而且会默认对所有的请求都进行拦截；要求更改登录页面（使用表单登录）、排除掉一些请求的拦截 2 编写一个springSecurity配置类 继承 WebSecurityConfigurerAdapter 类，并重写两个configu 阅读全文
posted @ 2017-12-06 15:35 寻渝记 阅读(386) 评论(0) 推荐(0)
SpringSecurity01 SpringSecurity环境搭建
摘要：版本说明： JDK -> java version "1.8.0_101" MAVEN -> Apache Maven 3.5.0 IDEA -> 2017.2.5 SpringBoot -> 1.5.9.RELEASE 1 创建一个springBoot项目 导入 springSecurity 和 阅读全文
posted @ 2017-12-06 15:02 寻渝记 阅读(443) 评论(0) 推荐(0)
密码的加密和匹配
摘要：1 为什么需要对密码进行加密和匹配 用户输入的密码原则上即使是超级管理员也是不能知道密码的，所以在用户进行注册时不是直接将用户的密码存储到数据库中，而是将用户的密码经过加密后存放到数据库的；当用户注册完后进行登录时，先根据用户名到数据库中去查找数据，如果有数据就将用户的信息查询出来，此时查询出来的用 阅读全文
posted @ 2017-12-06 14:41 寻渝记 阅读(1600) 评论(0) 推荐(0)