springboot:手机验证码功能(前后台交互)

本文介绍了如何在SpringBoot项目中实现手机验证码功能,包括前后台交互流程:前端通过Ajax发送手机号,后端接收到手机号后发送验证码到手机,并将数据以Map返回。手机号和验证码在前端存入Session。文章提供了项目结构、实体类定义、配置文件设置、POM依赖、控制器编写及Ajax异步请求的示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

思路:先由前台发送用户填写的手机号给后台接口,后台接口接收到传过来的手机号后发送验证码至手机,把数据封装成map集合返回给前端,前端把手机号和验证码存到session里面(用来做判断)。
注:手机号验证需要两个实体类进行接收数据。

不说废话上代码。

项目结构

我这里分三张图给大家截了出来,重点都给大家标注了
在这里插入图片描述
在这里插入图片描述
需要这两个实体类接受参数
在这里插入图片描述
需要在我们的配置文件中配置参数
在这里插入图片描述

这个是我们注册的页面,注册页面里写了验证码发送。

手机号验证

  1. 编写pom.xml文件,添加腾讯短信平台的sdk包
        <!-- 腾讯短信平台 第一个必须有,后俩是我缺的,遇到问题看看是不是依赖有问题-->
        <dependency>
            <groupId>com.github.qcloudsms</groupId>
            <artifactId>qcloudsms</artifactId>
            <version>1.0.6</version>
        </dependency>
        <!-- 短信发送结束 -->
  1. 编写配置类,注意里面的值一定要是腾讯云里开通账号时获取的数据

application-dev.yml

# 短信发送配置
dxappid: 1400355096 #appid
dxappkey: f3ffa1706712c1337ad2cd623c38b5bf #appkey
dxtemplateId: 585920 #短信模板id
dxsmsSign: 晓舟报告 # 短信签名
  1. 编写两个存放信息的实体类

其一:Sms实体类,用来存放短信发送必要的数据

package com.xiaozhou.entity;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;

@Data
@AllArgsConstructor
@NoArgsConstructor
@Accessors(chain = true)
public class Sms {
   
    private String phoneNumber;
    private String code;
    private int min;
}

其二:SmsParams,这个和上面一样都是必不可少的

package com.xiaozhou.entity;

import lombok.Data;
import lombok.experimental.Accessors;

@Data
@Accessors(chain = true)
public class SmsParams {
   

    /**
     * 验证码
     */
    private String verifyCode;

    /**
     * 手机号码
     */
    private String phone;


    public SmsParams(String phone, String verifyCode) 
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值