SpringBoot实现Redis短信验证及Redis储存

最新推荐文章于 2024-08-02 10:53:21 发布

AA-鑫

最新推荐文章于 2024-08-02 10:53:21 发布

阅读量579

点赞数 1

本文链接：https://blog.csdn.net/weixin_45853906/article/details/111307833

版权

本文介绍如何在SpringBoot项目中实现Redis短信验证功能，并利用Redis进行数据存储。涉及内容包括pom.xml配置，index.html页面，CodeUtil验证码类，RedisService及其Impl实现，Controller控制层逻辑，SmaTool工具类以及application.yml配置文件，通过这些配置和代码，实现了基于Redis的短信验证系统并结合现有数据库进行数据管理。

摘要由CSDN通过智能技术生成

序列
在这里插入图片描述
pom.xml

     <dependency>
                <groupId>com.aliyun</groupId>
                <artifactId>aliyun-java-sdk-core</artifactId>
                <version>4.0.6</version> <!-- 注：如提示报错，先升级基础包版，无法解决可联系技术支持 -->
            </dependency>
            <dependency>
                <groupId>com.aliyun</groupId>
                <artifactId>aliyun-java-sdk-dysmsapi</artifactId>
                <version>1.1.0</version>
            </dependency>

            <!--redis依赖-->
            <dependency>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-starter-data-redis</artifactId>
            </dependency>

index.html页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>springboot整合redis之用户手机验证码注册登录</title>
    <script type="text/javascript" src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<!--  <h3>springboot整合redis之用户手机验证码注册登录</h3>-->
<div class="form-group has-feedback">
    <input type="tel" class="form-control" id="phone" placeholder="请输入手机号" maxlength=11>
    <span class="glyphicon glyphicon-earphone form-control-feedback"></span>
</div>
<div class="row">
    <div class="col-xs-6 pull_left">
        <div class="form-group">
            <input class="form-control" id="msg_num" placeholder="请输入验证码">
        </div>
    </div>
    <div class="col-xs-6 pull_center">
        <div class="form-group">
            <input type="button" class="btn btn-block btn-flat" id="verify_refresh" onclick="getMsgNum(this)" value="免费获取验证码">
        </div>
    </div>
</div>
<div class="col-xs-12 pull_center">
    <button type="button" class="btn btn-block btn-flat" onclick="validateNum()">验证</button>
</div>


<!--js中的代码-->
<script>

    var messageData;
    var wait = 120; // 短信验证码120秒后才可获取下一个
    /**
     * 获取验证码
     */
    function getMsgNum(that) {
   
        var phoneNumber = $('#phone').val();
        setButtonStatus(that); // 设置按钮倒计时
        var obj = {
   
            phoneNumber: phoneNumber
        };
        $.ajax({
   
            url: 'sms/smsXxs', // 后台短信发送接口
            type: 'POST',
            dataType: 'json',
            contentType: "application/json",
            async: false, //false 同步
            data: JSON.stringify(obj),
            xhrFields: {
    //为true实现跨域访问
                withCredentials: true
            },
            success: function (result) {
   
                if(result.isOk