前端加密:
1,安装: npm install crypto-js
2,创建工具类(src/utils/secret.js)
3,login.vue引入加密方法
import {Encrypt} from '../utils/Secret.js'
4.login.vue登录请求发起,对密码参数加密
let param={
username:this.loginForm.username,
password:Encrypt(this.loginForm.password) //密码加密
}
后端解密:
1,
pom.xml
<!--密码解密-->
<dependency>
<groupId>org.bouncycastle</groupId>
<artifactId>bcprov-jdk15on</artifactId>
<version>1.60</version>
</dependency>
- 工具类:PasswordUtil
登录Controller对前端传来的密码解密(先导入加密工具类)
// PasswordUtil.desEncrypt: 前端传来的加密密码进行解密
User user=userService.loginByInfo(username,
PasswordUtil.desEncrypt(password));
Md5加密前台:
1,安装:npm i --save js-md5
2,导入main.js导入,之后挂在原型上。
import md5 from 'js-md5'
Vue.prototype.$md5 = md5;
- 页面上直接使用$md5
例如: let 加密后的结果 = this.$md5(“要加密的密码”);
后台md5 加密:
- 添加依赖
<!-- MD5加密依赖 -->
<dependency>
<groupId>commons-codec</groupId>
<artifactId>commons-codec</artifactId>
<version>1.11</version>
</dependency>
- 写工具类
package com.ws.utils; |
- 使用
控制器中对传过来的密码进行md5加密:
String password = MD5Utils.inputPassToFormPass(tUserInfo.getUserpwd());
userInfoService.login(tUserInfo.getUsercode(), password);
问题:增加功能,修改密码 555555