【crypto】基于crypto.js的web前端加解密系统实现

已于 2023-01-03 19:33:34 修改
阅读量1.5w 收藏 28
点赞数 8
分类专栏： 漏扫工具开发 文章标签： 前端 javascript web安全 crypto 加密
于 2022-05-16 00:18:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45859826/article/details/124790850
版权

文章目录

一、概念介绍

1.1 crypto.js介绍

crypto-js是谷歌开发的一个纯JavaScript的加密算法类库，可以非常方便的在前端进行其所支持的加解密操作。目前crypto-js已支持的算法有：MD5、SHA-1、SHA-256、AES、RSA、Rabbit、MARC4、HMAC、HMAC-MD5、HMAC-SHA1、HMAC-SHA256、PBKDF2等。使用时可以引用总文件，也可以单独引用某一文件。

开源地址：
1、github：https://github.com/brix/crypto-js
2、gitee： https://gitee.com/mirrors/crypto-js

1.2 加密 / 哈希 / 编码

1.2.1 加密/解密

加密是为了保证数据安全传输，使得其他人不能获取的具体信息内容。以某种特殊的算法，将原本信息数据进行改变，使得即使没有权限的人看到消息也不能从中得到任何有用信息，但是加密的信息是保证可逆的，即可加密必可解密（其长度与目标文本成正比）。

1.2.2 散列/哈希

摘要的目的是为了校验信息的完整性，保证信息在传输过程中不被篡改。哈希算法将目标文本转换成为具有相同长度，不可逆的杂凑字符串。

1.2.3 BASE64编解码

Base64编码是网络上常见的用于传输8bit字节数据的一种编码方式之一，由于某些系统中只能使用ASCII字符，此编码方式可以让中文字或者图片也能在网络上顺利传输。

二、加解密思想（以md5为例）

1、引入md5.js

<script src="/static/js/encryption/md5.js"></script>

2、id="source"的文本框将框内内容传值

<textarea class="form-control" rows="5" id="source" name="source"></textarea>

3、MD5加密——将id="source"的块中内容经加密后传值到id="source"的块中

<script>
case "MD5":
           hide_pwd();
           $("#result").val(CryptoJS.MD5($("#source").val()));
           break;
</script>

4、id="source"的文本框中填充加密后的内容

<textarea class="form-control" rows="5" id="result" name="result"></textarea>

三、前端加密系统实现代码

3.1 加解密

{% block all %}
    <div class="container mt-3">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link active" href="#">加密/解密</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{% url 'decode_hash' %}">散列/哈希</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{% url 'decode_base64' %}">BASE64</a>
            </li>
            <li class="nav-item">
                <a class="nav-link disabled" href="#">图片/BASE64转换</a>
            </li>
        </ul>
    </div>
    <div class="container mt-3">
        <div class="row row-cards">
            <div class="col-lg-5">
                <div class="form-floating mb-3 mt-3">
                <textarea style="max-height:500px;min-height:500px;"
                          class="form-control" id="source" name="text" placeholder="Comment goes here"></textarea>
                    <label for="source">明文</label>
                </div>
            </div>
            <div class="col-lg-2">
                <div class="form-floating mb-3 mt-3">
                    <div class="row justify-content-between">

                        <select class="form-select" id="crypto" name="crypto">
                            <option selected disabled>加解密算法</option>
                            <option>AES</option>
                            <option>DES</option>
                            <option>RC4</option>
                            <option>Rabbit</option>
                            <option>TripleDES</option>
                        </select>
                    </div>

                    <br><br><br><br>

                    <div class="row justify-content-between">
                        <div class="btn-group-vertical">
                            <button type="button" class="btn btn-primary" onclick="encode()">加密→</button>
                            <button type="button" class="btn btn-primary" onclick="decode()">←解密</button>
                        </div>
                    </div>
                    <br><br><br>
                    <div class="row justify-content-between">
                        <div class="form-floating mb-3 mt-3">
                            <textarea style="max-height:200px;min-height:200px;" class="form-control" id="pwd"
                                      name="text" placeholder="Comment goes here"></textarea>
                            <label for="pwd">密钥</label>
                        </div>
                    </div>

                </div>
            </div>
            <br>

            <div class="col-lg-5">
                <div class="form-floating mb-3 mt-3">
                <textarea style="max-height:500px;min-height:500px;"
                          class="form-control" id="result" name="text" placeholder="Comment goes here"></textarea>
                    <label for="result">密文</label>
                </div>
            </div>
        </div>
    </div>

   <div class="container mt-3">
        <div class="card border-dark mb-3">
            <div class="card-header"><h5>模块介绍</h5></div>
            <div class="card-body">
                <p class="card-text" style="text-indent: 2em">
                    Crypto-JS是一个使用JS实现的加密库，提供AES、DES、PBKDF2、SHA、MD5、RC4等多种算法。本加解密系统依赖这个库实现。</p>
                <p class="card-text" style="text-align: right"><small class="text-muted">By WeiYuting</small></p>
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}
 <script src="/static/js/encryption/aes.js"></script>
 <script src="/static/js/encryption/pbkdf2.js"></script>
 <script src="/static/js/encryption/rabbit.js"></script>
 <script src="/static/js/encryption/rabbit-legacy.js"></script>
 <script src="/static/js/encryption/rc4.js"></script>
 <script src="/static/js/encryption/tripledes.js"></script>
 
    <script type="text/javascript">
        // 加密
        function encode() {
            var crypto = document.getElementById('crypto');
            try {
                switch (crypto.value) {
                    case "AES":
                        $("#result").val(CryptoJS.AES.encrypt($("#source").val(), $("#pwd").val()));
                        break;
                    case "DES":
                        $("#result").val(CryptoJS.DES.encrypt($("#source").val(), $("#pwd").val()));
                        break;
                    case "RC4":
                        $("#result").val(CryptoJS.RC4.encrypt($("#source").val(), $("#pwd").val()));
                        break;
                    case "Rabbit":
                        $("#result").val(CryptoJS.Rabbit.encrypt($("#source").val(), $("#pwd").val()));
                        break;
                    case "TripleDES":
                        $("#result").val(CryptoJS.TripleDES.encrypt($("#source").val(), $("#pwd").val()));
                        break;
                }
            } catch (err) {
                alert(err);
                $("#result").val("");
            }
        }

        // 解密
        function decode() {
            var crypto = document.getElementById('crypto');
            try {
                switch (crypto.value) {
                    case "AES":
                        $("#source").val(CryptoJS.AES.decrypt($("#result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
                        break;
                    case "DES":
                        $("#source").val(CryptoJS.DES.decrypt($("#result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
                        break;
                    case "RC4":
                        $("#source").val(CryptoJS.RC4.decrypt($("#result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
                        break;
                    case "Rabbit":
                        $("#source").val(CryptoJS.Rabbit.decrypt($("#result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
                        break;
                    case "TripleDES":
                        $("#source").val(CryptoJS.TripleDES.decrypt($("#result").val(), $("#pwd").val()).toString(CryptoJS.enc.Utf8));
                        break;
                }
            } catch (err) {
                alert(err);
                $("#result").val("");
            }
        }

    </script>
{% endblock %}

3.2 哈希

{% block all %}
    <div class="container mt-3">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link" href="{% url 'decode_view' %}">加密/解密</a>
            </li>
            <li class="nav-item">
                <a class="nav-link active" href="#">散列/哈希</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{% url 'decode_base64' %}">BASE64</a>
            </li>
            <li class="nav-item">
                <a class="nav-link disabled" href="#">图片/BASE64转换</a>
            </li>
        </ul>
    </div>
    <div class="container mt-3">
        <div class="form-floating mb-3 mt-3">
                <textarea style="max-height:200px;min-height:200px;"
                          class="form-control" id="source" name="text" placeholder="Comment goes here"></textarea>
            <label for="source">明文</label>
        </div>

        <div class="group" id="p_div" style="display: none;">
                        <input type="text" class="form-control" id="pwd" placeholder="秘钥">
        </div>

        <div class="row justify-content-between">
            <div class="btn-group  btn-group-justified">
                <button type="button" class="btn btn-outline-primary">SHA1</button>
                <button type="button" class="btn btn-outline-primary">SHA224</button>
                <button type="button" class="btn btn-outline-primary">SHA256</button>
                <button type="button" class="btn btn-outline-primary">SHA384</button>
                <button type="button" class="btn btn-outline-primary">SHA512</button>
                <button type="button" class="btn btn-outline-primary">MD5</button>
                <button type="button" class="btn btn-outline-primary">HmacSHA1</button>
                <button type="button" class="btn btn-outline-primary">HmacSHA224</button>
                <button type="button" class="btn btn-outline-primary">HmacSHA256</button>
                <button type="button" class="btn btn-outline-primary">HmacSHA384</button>
                <button type="button" class="btn btn-outline-primary">HmacSHA512</button>
                <button type="button" class="btn btn-outline-primary">HmacMD5</button>
            </div>
        </div>
    <div class="form-floating mb-3 mt-3">
                <textarea style="max-height:200px;min-height:200px;"
                          class="form-control" id="result" name="text" placeholder="Comment goes here"></textarea>
            <label for="result">哈希值</label>
        </div>

    </div>
{% endblock %}

{% block js %}
    <script src="/static/js/encryption/hmac-md5.js"></script>
    <script src="/static/js/encryption/hmac-sha1.js"></script>
    <script src="/static/js/encryption/hmac-sha3.js"></script>
    <script src="/static/js/encryption/hmac-sha224.js"></script>
    <script src="/static/js/encryption/hmac-sha256.js"></script>
    <script src="/static/js/encryption/hmac-sha384.js"></script>
    <script src="/static/js/encryption/hmac-sha512.js"></script>
    <script src="/static/js/encryption/md5.js"></script>
    <script src="/static/js/encryption/sha1.js"></script>
    <script src="/static/js/encryption/sha3.js"></script>
    <script src="/static/js/encryption/sha224.js"></script>
    <script src="/static/js/encryption/sha256.js"></script>
    <script src="/static/js/encryption/sha384.js"></script>
    <script src="/static/js/encryption/sha512.js"></script>

    <script type="text/javascript">
        $(function () {
            $(".btn").click(function () {
                eval("hash('" + $(this).html() + "')");
            });
        });

        function hide_pwd() {
            $("#p_div").hide();
        }

        function show_pwd() {
            $("#p_div").show();
        }

        function hash(type) {
            try {
                switch (type) {
                    case "SHA1":
                        hide_pwd();
                        $("#result").val(CryptoJS.SHA1($("#source").val()));
                        break;
                    case "SHA224":
                        hide_pwd();
                        $("#result").val(CryptoJS.SHA224($("#source").val()));
                        break;
                    case "SHA256":
                        hide_pwd();
                        $("#result").val(CryptoJS.SHA256($("#source").val()));
                        break;
                    case "SHA384":
                        hide_pwd();
                        $("#result").val(CryptoJS.SHA384($("#source").val()));
                        break;
                    case "SHA512":
                        hide_pwd();
                        $("#result").val(CryptoJS.SHA512($("#source").val()));
                        break;
                    case "MD5":
                        hide_pwd();
                        $("#result").val(CryptoJS.MD5($("#source").val()));
                        break;
                    case "HmacSHA1":
                        show_pwd();
                        $("#result").val(CryptoJS.HmacSHA1($("#source").val(), $("#pwd").val()));
                        break;
                    case "HmacSHA224":
                        show_pwd();
                        $("#result").val(CryptoJS.HmacSHA224($("#source").val(), $("#pwd").val()));
                        break;
                    case "HmacSHA256":
                        show_pwd();
                        $("#result").val(CryptoJS.HmacSHA256($("#source").val(), $("#pwd").val()));
                        break;
                    case "HmacSHA384":
                        show_pwd();
                        $("#result").val(CryptoJS.HmacSHA384($("#source").val(), $("#pwd").val()));
                        break;
                    case "HmacSHA512":
                        show_pwd();
                        $("#result").val(CryptoJS.HmacSHA512($("#source").val(), $("#pwd").val()));
                        break;
                    case "HmacMD5":
                        show_pwd();
                        $("#result").val(CryptoJS.HmacMD5($("#source").val(), $("#pwd").val()));
                        break;
                }
            } catch (err) {
                alert(err);
                $("#result").val("");
            }
        }
    </script>
{% endblock %}

3.4 BASE64

{% block all %}
    <div class="container mt-3">
        <ul class="nav nav-tabs">
            <li class="nav-item">
                <a class="nav-link" href="{% url 'decode_view' %}">加密/解密</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" href="{% url 'decode_hash' %}">散列/哈希</a>
            </li>
            <li class="nav-item">
                <a class="nav-link active" href="#">BASE64</a>
            </li>
            <li class="nav-item">
                <a class="nav-link disabled" href="#">图片/BASE64转换</a>
            </li>
        </ul>
    </div>
    <div class="container mt-3">
        <div class="row row-cards">
            <div class="col-lg-5">
                <div class="form-floating mb-3 mt-3">
                <textarea style="max-height:500px;min-height:500px;"
                          class="form-control" id="source" name="text" placeholder="Comment goes here"></textarea>
                    <label for="source">明文</label>
                </div>
            </div>
            <div class="col-lg-2">
                <br><br>
                <br><br>
                <br><br>
                <br><br>
                <div class="form-floating mb-3 mt-3">
                    <div class="row justify-content-between">

                        <div class="btn-group-vertical">
                            <button type="button" class="btn btn-primary" onclick="encode()">Base64编码→</button>
                            <button type="button" class="btn btn-primary" onclick="decode()">←Base64解码</button>
                        </div>
                    </div>
                </div>
            </div>
            <br>

            <div class="col-lg-5">
                <div class="form-floating mb-3 mt-3">
                <textarea style="max-height:500px;min-height:500px;"
                          class="form-control" id="result" name="text" placeholder="Comment goes here"></textarea>
                    <label for="result">Base64密文</label>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block js %}
    <script src="/static/js/encryption/sha512.js"></script>
    <script src="/static/js/encryption/enc-base64-min.js"></script> <!--只引入一个会报错-->


    <script type="text/javascript">
        // 加密
        function encode() {
            var crypto = document.getElementById('crypto');
            try {
                var str = CryptoJS.enc.Utf8.parse($("#source").val());
                var base64 = CryptoJS.enc.Base64.stringify(str);
                $("#result").val(base64);

            } catch (err) {
                alert(err);
                $("#result").val("");
            }
        }

        // 解密
        function decode() {
            var crypto = document.getElementById('crypto');
            try {
                $("#source").val(CryptoJS.enc.Base64.parse($("#result").val()).toString(CryptoJS.enc.Utf8));

            } catch (err) {
                alert(err);
                $("#source").val("");
            }
        }
    </script>
{% endblock %}

四、验证

4.1 页面验证

4.1.1 加解密

在这里插入图片描述

4.1.2 哈希

在这里插入图片描述

4.1.3 BASE64

在这里插入图片描述

4.2 逻辑验证

4.2.1 加解密逻辑

将明文字符串“weiyuting”在密钥字符串“wl1803”作用下用DES进行加密得密文字符串“U2FsdGVkX18wkXAU8j9bEUyTVHDqib2QIy18EY+ZQgs=”：
在这里插入图片描述
将密文字符串“U2FsdGVkX18wkXAU8j9bEUyTVHDqib2QIy18EY+ZQgs=”在密钥字符串“wl1803”作用下用DES进行解密得明文字符串“weiyuting”：
在这里插入图片描述
证明：DES加解密的可逆性，DES为对称加密算法。

4.2.2 哈希逻辑

对明文字符串“weiyuting”进行MD5哈希作用，得密文字符串“f1a231a1661ec25bd0ee9f4b1a3f7412”：
在这里插入图片描述
证明：哈希不可逆，不可解密。

4.2.3 BASE64逻辑

将明文字符串“weiyuting”进行BASE64编码得密文字符串“d2VpeXV0aW5n”：
在这里插入图片描述
对密文字符串“d2VpeXV0aW5n”进行BASE64解码得明文字符串“weiyuting”：
在这里插入图片描述
证明：编解码过程可逆。

五、Rerefence

在线加密解密(采用Crypto-JS实现)：https://tool.oschina.net/encrypt

微雨停了
关注
专栏目录
前端加密解密工具Cryptojs
06-25
前端解密解密工具Cryptojs提供了前端加密解密的工作；包括常用的MD5、BASE64、SHA1、AES等加密解密方法。方便无法访问Github的同学下载。附Github地址：https://github.com/brix/crypto-js
aesJS.zip，包含aes.js和crypto-js.js
06-02
`aes.js` 和 `crypto-js.js` 是两个JavaScript库，它们允许在浏览器环境中实现AES加密和解密操作。 **aes.js** `aes.js` 是一个专门针对AES加密的JavaScript实现，可能包含了对AES算法的各种模式（如ECB、CBC、CFB...
JavaScript加密库Crypto-JS的使用
热门推荐
光华小丸子
11-25 3万+
先来图片一张，看看效果（一个采用Crypto-JS实现的工具展示）： CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法。目前已支持的算法包括： MD5 SHA-1 SHA-256 AES Rabbit MARC4 HMAC HMAC-MD5 HMAC-SHA1 HMAC-SHA256 PBKDF2 散列/哈希 Cr
nodejs之 crypto-js模块，浏览器端加解密算法库
局外人LZ的博客
11-13 1万+
CryptoJS是一个JavaScript加密算法库，用于实现各种加密算法和哈希函数。它提供了一种简单而强大的方式来执行加密操作，包括对称加密算法、非对称加密算法和哈希函数等。CryptoJS支持的主要功能包括：1.对称加密：CryptoJS提供了常见的对称加密算法，如AES（Advanced Encryption Standard）和DES（Data Encryption Standard）。这些算法使用相同的密钥进行加密和解密操作，适用于保护数据的机密性。
Vue使用CryptoJS实现加密,Java后台解密的步骤和方法
weixin_40052298的博客
09-06 614
CryptoJS 是一个 JavaScript 库，提供了一系列密码学函数和工具，用于加密、解密、生成摘要等任务。它支持多种加密算法，包括常见的对称加密算法（如 AES、DES）和非对称加密算法（如 RSA）。同时，CryptoJS还包括了ECB和CBC两种模式，其中ECB模式：全称Electronic Codebook（电码本），在ECB模式中，每个明文分组都被单独加密，且每个明文分组都被加密为相同的密文分组。也就是说，如果两个明文分组相同，那么它们的密文分组也相同。
CryptoJS
灰色头像@的博客
02-09 520
CryptoJS 项目中，为了安全性考虑，登录时会对账号密码进行加密，一般会通过MD5、AES进行加密，本文将介绍crypto-js，也就是AES方式在vue项目中加密的用法。 文章目录CryptoJS一、CryptoJS是什么？二、散列算法MD5SHA-1SHA-2SHA-3RIPEMD-160三.散列输入四.散列输出渐进式散列HMAC渐进式HMAC散列PBKDF2五.加密加密算法AESDES,三重DESRabbitRC4, RC4Drop设置密钥（key）和偏移量（iv）加密模式和填充方式加密输入加密
Node前端加密（crypto）
来一颗砂糖橘
05-10 1万+
设置要加密的内容（要创建哈希摘要的数据）：可以加密,然后通过密钥解密。选择加密的算法（散列算法）：是单向加密不可逆的。
CryptoJS加密解密
qq_34082921的博客
09-25 1219
提示：链接参数加密原先参数信息都是明文展示，出于安全考虑，需要加密链接的参数加密，类似于下面提示：以下是本篇文章正文内容，使用CryptoJS实现对称加密解密。
前端CryptoJS加解密
岁月如歌去，十年弹指间
09-05 122
【代码】前端CryptoJS加解密。
crypto-js加密解密全部资源包，jquery-2.2.4.min也附在里面方便大家使用
10-25
在JavaScript中，使用crypto-js库的AES模块可以轻松地进行加解密操作，这对于在浏览器端处理敏感数据，如用户密码和隐私信息，非常有用。 其次，MD5（Message-Digest Algorithm 5）是一种广泛用于哈希函数的算法，...
JS加密解密 CryptoJS
12-26
CryptoJS提供各种加密解密算法， 并且里面有个aes的简单实现，希望可以帮助大家
cryptoJs加密解密工具
07-20
cryptoJs加密解密工具，并集成EncryptAes、DecryptAes两个方法，require(util.js)即可用。参数以json方式传递
crypto-js加密解密资源包（含所有前台加密的js代码）
07-24
里面包含了所有前台加密的js代码。 像AES.JS,Md5.js等，方便那些上不了谷歌的人下载。
crypto-js.js的js库
07-10
不过，由于JavaScript广泛应用于服务器端的Node.js环境，因此这个标签可能意味着该库也可能被用在基于Java生态系统的Node.js项目中。 **文件名称列表解析：** 由于提供的列表只有一个条目 "js库"，这可能意味着...
国密算法SM2公私钥加解密及签名验签以及前端js sm-crypto
12-23
总结，国密算法SM2是一种强大的安全工具，结合前端js库sm-crypto，可以在Web应用中实现安全的数据加解密和身份认证。理解并熟练运用这些技术，对于提升我国信息化系统的安全性具有重要意义。在实际开发中，开发者...
crypto-js4.1.1版本，js在crypto-js文件夹里面
03-10
总之，`crypto-js4.1.1`作为前端加密库，为JavaScript开发者提供了强大且易于使用的加密功能，结合其他前端库如React，可以构建出既高效又安全的Web应用。在处理敏感数据时，正确使用加密技术至关重要，而`crypto-js...
Crypto-js加密解密
m0_52374678的博客
06-15 3725
aes的加密解密
crypto.js 前端加解密
铁蛋的博客
06-07 2万+
简介 crypto-js是谷歌开发的一个纯JavaScript的加密算法类库，可以非常方便的在前端进行其所支持的加解密操作。目前crypto-js已支持的算法有：MD5、SHA-1、SHA-256、AES、RSA、Rabbit、MARC4、HMAC、HMAC-MD5、HMAC-SHA1、HMAC-SHA256、PBKDF2等。使用时可以引用总文件，也可以单独引用某一文件。 下载 https://github.com/brix/crypto-js/releases 使用 第一步 引入crypto-js.js文
前端js实现SM4国密加密解密（sm-crypto库使用教程）
最新发布
09-14
前端JavaScript要实现SM4国密算法的加密和解密，通常会借助于第三方库，例如`smcrypto`。以下是使用这个库的一个简单示例： 首先，你需要安装`smcrypto`库，可以使用npm来安装： ```bash npm install smcrypto ``` 然后，在你的JavaScript代码中导入并使用它： ```javascript // 导入smcrypto模块 const SmCrypto = require('smcrypto'); // 初始化SM4实例 const sm4 = new SmCrypto({ mode: 'ecb', // SM4默认模式是ECB，其他如CBC、CFB等也可选择 }); // 加密函数 function encrypt(text, key) { const encryptedData = sm4.encrypt(text, key); return encryptedData; } // 解密函数 function decrypt(encryptedText, key) { const decryptedData = sm4.decrypt(encryptedText, key); return decryptedData; } // 示例用法 let key = Buffer.from('your_secret_key', 'hex'); // 以十六进制字符串表示的SM4密钥 let plaintext = 'Hello, world!'; // 待加密文本 const ciphertext = encrypt(plaintext, key); const originalText = decrypt(ciphertext, key); console.log('Original text:', originalText.toString()); ``` 请注意，这里的例子假设了你在服务器端有足够的上下文去处理密钥管理，因为SM4加密在前端浏览器环境中可能存在安全风险。另外，实际项目中需要对敏感信息进行妥善处理，避免明文存储。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

微雨停了

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值