v-once 和 v-html 、 v-text 的理解

阿新 • • 發佈：2020-11-06

des演算法對齊方法：

http://tool.chacuo.net/cryptdes
ecb pkcs7/5 ，測試id site/appid ：9cf3604cae4b3b24 hex utf8

加密前的字元：|劉yjui|15245166810||
加密後的字元：140c83620bc54f49e5711d96b7fa903f3d42e7493e150e9f
解密後的字元：|劉yjui|15245166810||

測試id site通過後，換成你們自己的id site/appid加密

js實現

<!DOCTYPE HTML>
<html>
<head>
    < 
meta charset="utf-8">
    <script type="text/javascript" src="crypto-js/crypto-js.js"></script>
    <script type="text/javascript" src="crypto-js/tripledes.js"></script>
    <title>DES-（CBC/ECB）加密解密</title>
</head>
<body>
    <script type="text/javascript" 
>
        var key = '9cf3604cae4b3b24';
        //DES ECB加密，上面執行是這種模式
        function encryptByDESModeECB(message) {
            var keyHex = CryptoJS.enc.Utf8.parse(key);
            var encrypted = CryptoJS.DES.encrypt(message, keyHex, {
                mode: CryptoJS.mode.ECB,
                padding: CryptoJS.pad.Pkcs7
            });
             
return encrypted.ciphertext.toString();
        }
        //DES ECB解密，上面執行是這種模式
        function decryptByDESModeECB(ciphertext) {
            var keyHex = CryptoJS.enc.Utf8.parse(key);
            var decrypted = CryptoJS.DES.decrypt({
                ciphertext: CryptoJS.enc.Hex.parse(ciphertext)
            }, keyHex, {
                mode: CryptoJS.mode.ECB,
                padding: CryptoJS.pad.Pkcs7
            });
            var result_value = decrypted.toString(CryptoJS.enc.Utf8);
            return result_value;
        }
        //CBC加密
        function encryptByDESModeCBC(message) {
            var keyHex = CryptoJS.enc.Utf8.parse(key);
            var ivHex = CryptoJS.enc.Utf8.parse(key);
            encrypted = CryptoJS.DES.encrypt(message, keyHex, {
                iv: ivHex,//傳偏移量
                mode: CryptoJS.mode.CBC,
                padding: CryptoJS.pad.Pkcs7
            });
            return encrypted.ciphertext.toString();
        }
        //CBC模式解密
        function decryptByDESModeCBC(ciphertext2) {
            var keyHex = CryptoJS.enc.Utf8.parse(key);
            var ivHex = CryptoJS.enc.Utf8.parse(key);
            // direct decrypt ciphertext
            var decrypted = CryptoJS.DES.decrypt({
                ciphertext: CryptoJS.enc.Hex.parse(ciphertext2)
            }, keyHex, {
                iv: ivHex,//傳偏移量
                //模式必須加上
                mode: CryptoJS.mode.CBC,
                padding: CryptoJS.pad.Pkcs7
            });
            return decrypted.toString(CryptoJS.enc.Utf8);
        }
        // DES ECB模式加密測試
        function encryTest() {
            var source = document.querySelector("#source");
            var cc = encryptByDESModeECB(source.value);
            document.querySelector("#target").value = cc;
            console.log(cc)
        }
        // DES ECB模式解密測試
        function decodeTest() {
            var source = document.querySelector("#sourceS").value;
            var dd = decryptByDESModeECB(source);
            document.querySelector("#jiemi").value = dd;
            console.log(dd)
        }
    </script>
    </head>
    <body>
        <div>
            加密前：<textarea id="source" style="width:500px;height:90px;" /></textarea>
            <hr>
            加密後：<textarea id="target" style="width:500px;height:90px;"></textarea>
            <hr>
            <input type="button" onclick="encryTest();" name="" value="加密" />
            <hr>

            密文：<textarea id="sourceS" width="400px" style="width:500px;height:90px;"></textarea>
            <hr>
            解密後：<textarea id="jiemi" style="width:500px;height:90px;"></textarea>
            <hr>
            <input type="button" onclick="decodeTest();" name="" value="解密" />
        </div>
    </body>
</html>