使用加密射流研究…加解密

第一步，安装

新公共管理安装加密js第二步，在你需要的某视频剪辑软件组件内进口

从" crypto-js "导入CryptoJS第三步，使用

//加密加密定义变量密文=CryptoJS .AES.encrypt('我的消息，' secretkey123 ').toString()；console.log(密文)//解密解密var字节=CryptoJS .AES.decrypt(密文，' secret key 123 ')；var原始文本=字节。tostring(加密js。随信附上utf8)；控制台。日志(原文)；//"我的信息"注意这个我的消息是字符串，如果你要加密的用户身份证（号码类型)得先转成字符串

更多使用请访问官方文档

记住密码

实现原理是登录的时候，如果勾选了记住密码（把'记住密码'状态保存到localstorage)就保存账号密码到饼干；之后进入登录页面的时候，判断是否记住了密码（从本地存储判断),如果记住密码则导出饼干到表单；其中保存使用setcookie方法，取出则使用getcookie方法。

好吧，我们来编写方法

//设置甜饼干设置Cookie(portId、psw、exdays) { //加密，加密账号密码var密码部分=密码.AES.encrypt(portId ' '，secretkey123 ').toString()；var cipherPsw=CryptoJS .AES.encrypt(psw ' '，secretkey123 ').toString()；console.log(加密部分'/'加密部分)//打印一下看看有没有加密成功var ex Date=新日期()；//获取时间前任约会。设定时间(日期除外。gettime)(24 * 60 * 60 * 1000 * ex天)；//保存的天数//字符串拼接饼干，为什么这里用了==,因为加密后的字符串也有个=号，影响下面getcookie的字符串切割，你也可以使用更炫酷的符号窗户。文件。cookie='当前portid ' '=='密码portid '；路径=/;expires=' ex date。togtstring()；窗户。文件。cookie='密码' '=='密码PSW '；路径=/;expires=' ex date。togtstring()；}, //读取cookie getCookie:函数(){ if(document。饼干。长度0){ var arr=document。饼干。拆分('；');//这里显示的格式请根据自己的代码更改for(var I=0；一、长度；i ) { var arr2=arr[i].拆分('==');//根据==切割//判断查找相对应的值如果(arr2[0]=='currentPortId') { //解密，将解密后的内容赋值给账号var字节=CryptoJS .AES.decrypt(arr2[1]，' secret key 123 ')；这个。当前portid=字节。tostring(加密js。随信附上utf8)-0；}否则如果(arr2[0]=='密码'){ //解密，将解密后的内容赋值给密码var字节=CryptoJS .AES.decrypt(arr2[1]，' secret key 123 ')；这个。密码=字节。tostring(加密js。随信附上utf8)；} } } }, //清除cookie clearCookie:函数(){ this.setCookie("、"、"-1 ")；}登录的方法如下：

login() { this .$http /请根据实际情况修改该方法。帖子（.) .然后(RES={ if(RES . data。代码==' success '){ if(this。rememberpsw==true){//判断用户是否勾选了记住密码选项请记住，传入保存的账号currentPortId，密码密码，天数30这个。setCooKie(这个。CurrentPortid，this.password，30)；} else { this。clear COOKIE()；} //这里是因为要在创造中判断，所以使用了本地存储比较简单，当然你也可以直接根据甜饼干的长度或者其他骚操作来判断有没有记住密码。本地存储。setitem(' rememberPsw '，这个。rememberPsw)；} else {///} }).catch(err={///})；},最后要在创造狗子函数内判断用户是否记住了密码来执行相关的操作

//判断是否记住密码//* *注意这里的true是字符串格式，因为存储在localstorage中的Boolean会变成String** created() {//判断是否记住密码if(local storage . getitem(' remember PSW ')=' true '){ this . getcookie()；}}最后粘贴界面，rememberPsw为密码按钮的v-model值，currentPortId为第一个框的v-model值，password为第二个框的v-model值。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。