html引入vue.js DES加密、解密

https://www.bootcdn.cn/crypto-js/
标准的js加密库下载crypto-js文件，里面还有更多其他加密方法的文件，今天主要是使用des加密

新建crypto-js.js：

const key = CryptoJS.enc.Utf8.parse("hbxxcxhdlm"); // 十六位十六进制数作为密钥
const iv = CryptoJS.enc.Utf8.parse("hbxxjyjt");  // 十六位十六进制数作为密钥偏移量 CBC模式下用到, ECB模式不用// 解密方法
// DES解密算法, 必须为base64格式才能解密，如果为16进制，需要先转为base64
function Decrypt(word) {let decrypt = CryptoJS.DES.decrypt(word, key, {iv: iv,mode: CryptoJS.mode.CBC,padding: CryptoJS.pad.Pkcs7});return decrypt.toString(CryptoJS.enc.Utf8);
}// 加密方法
function Encrypt(word) {var srcs = CryptoJS.enc.Utf8.parse(word);var encrypted = CryptoJS.DES.encrypt(srcs, key, {mode: CryptoJS.mode.CBC, // 加密模式padding: CryptoJS.pad.Pkcs7, // 填充方式iv: iv // 偏移向量});return encrypted.toString();
}export const DC = (message) => {// console.log("测试测测试测试");// console.log(message);// console.log(message instanceof Array);var obj = {}if (typeof message == 'object') {// console.log("是对象或者数组");for (let i in message) {if (typeof message[i] == 'object') {for (let j in message[i]) {if (typeof message[i][j] == 'object') {// console.log("三维");// console.log(message[i][j]);for (let x in message[i][j]) {if (typeof message[i][j][x] == 'object') {// console.log("四维");for (let k in message[i][j][x]) {if (typeof message[i][j][x][k] == 'object') {for (let l in message[i][j][x][k]) {message[i][j][x][k][l] = decryptDes(message[i][j][x][k][l])}} else {// console.log(message[i][j][x][k]);message[i][j][x][k] = decryptDes(message[i][j][x][k])// console.log(message[i][j][x][k]);}}} else {message[i][j][x] = decryptDes(message[i][j][x])}}} else {// console.log("二维");message[i][j] = decryptDes(message[i][j])// console.log(message[i][j])}}} else {message[i] = decryptDes(message[i])}}} else {// console.log("是字符串");message = decryptDes(message)}return message
}export const EC = (message) => {if (typeof message == 'object') {for (let i in message) {if (typeof message[i] == 'object') {for (let j in message[i]) {if (typeof message[i][j] == 'object') {for (let x in message[i][j]) {message[i][j][x] = encryptDes(message[i][j][x])}} else {message[i][j] = encryptDes(message[i][j])}}} else {message[i] = encryptDes(message[i])}}} else {message = encryptDes(message)}return message
}

html：

<script src="js/CryptoJS.min.js"></script>
<script src="js/crypto-js.js"></script>
<script  type="text/babel">var myApp = new Vue({el: '#app',data: {},methods: {doEncrypt () {var title = encodeURIComponent(Encrypt('标题标题'))// Encrypt 直接引用/*数据加密后有的数据会有'+'等字符提交数据时会变成空格使用encodeURIComponent(str)对加密后数据进行编码 提交后数据不会有改变 功能才可以正常使用 */}}
</script>

html引入vue.js DES加密、解密相关推荐

js des加密 java_Java实现与JS相同的Des加解密算法完整实例
本文实例讲述了Java实现与JS相同的Des加解密算法.分享给大家供大家参考,具体如下: 这里演示java与js实现相同的des加解密算法,不多说,不废话,直接上代码一.java实现 package ...
js实现在线DES加密解密（支持各种工作模式，填充模式）
具体请参考:在线实现DES加密解密
DES加密解密算法（前端后端）
DES加密解密算法(前端&后端) 原作者阿弥陀佛1114 原文链接:https://blog.csdn.net/zong1114/article/details/51754470 DES对 ...
getcoo php_PHP简单实现DES加密解密的方法
本文实例讲述了PHP简单实现DES加密解密的方法.分享给大家供大家参考,具体如下: des加密: function des_encrypt($str, $key) { $block = mcrypt_ ...
.net实现md5加密 sha1加密 sha256加密 sha384加密 sha512加密 des加密解密
写项目时,后台一直用md5加密,一天群里人问,除了MD5还有其它的加密方法吗?当时只知道还有个SHA,但怎么实现什么的都不清楚,于是当网上找了下,把几种常见的加密方法都整理了下,用winform写了个 ...
python des解密_python实现DES加密解密方法实例详解
本文实例讲述了python实现DES加密解密方法.分享给大家供大家参考.具体分析如下: 实现功能:加密中文等字符串密钥与明文可以不等长这里只贴代码,加密过程可以自己百度,此处python代码没有优 ...
java 实现 DES加密解密算法
DES算法的入口参数有三个:Key.Data.Mode.其中Key为8个字节共64位,是DES算法的工作密钥:Data也为8个字节64位,是要被加密或被解密的数据:Mode为DES的工作方式,有两种: ...
DES加密解密算法Java实现
DES 使用一个 56 位的密钥以及附加的 8 位奇偶校验位,产生最大 64 位的分组大小.这是一个迭代的分组密码,使用称为 Feistel 的技术,其中将加密的文本块分成两半.使用子密钥对其中一半应 ...
DES加密解密与AES加密解密
× 目录 [1]AES加密算法和DES加密算法的效率比较 [2]AES和DES加密解密代码随着开发时间的变长,当初认为比较难的东西,现在渐渐也就变的不那么难了!特别对于一些经常很少使用的类,时间长了 ...

html引入vue.js DES加密、解密

html引入vue.js DES加密、解密相关推荐

最新文章

热门文章