使用SpringBoot实现QQ邮箱发送验证码校验、注册的步骤详解(配图)

本文详细介绍了如何使用SpringBoot结合QQ邮箱实现验证码的发送与校验,涉及前端ajax请求、后端接口配置、邮件发送方法编写以及验证码的数据库校验过程。
摘要由CSDN通过智能技术生成

迷途漫漫,终有一归。——米兰昆德拉

引入的依赖
     <!--email-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-mail</artifactId>
        </dependency>

注册

从前端开始,用户到注册页面之后,填写用户信息(这里的uid其实不应该存在,重点是,请自行忽略页面的外观

自行忽略外观

在点击“获取验证码之后”,前端发送一个ajax请求:

<script>
    function sendEmail() {
   
        var email = $("#email");
        $.ajax({
   
            url: "/sendEmail"
            , data: {
   "email": email.val()}
            , type: "post"
            , success: function (res) {
   
                if (res === "success") {
   
                    confirm("send successful!")
                }
            }
        })
    }
</script>

后端相应的接口在接受到请求之后,开始调用方法发送验证码

 @PostMapping("sendEmail")
    @ResponseBody
    public String sendEmail(String email, HttpSession session) {
   
        myEmail.sendMail(email, session);
        return "success";
    }

在调用发送邮件的方法之前,我们需要在application.yml中做一些配置:

#    邮箱配置
  mail:
    host: smtp.qq.com
    username: ****
  • 5
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以帮您解答这个问题。您可以使用 Flask-Mail 扩展和 QQ 邮箱 SMTP 服务器来实现发送验证码的功能。具体步骤如下: 1. 安装 Flask-Mail 扩展 您可以使用 pip 工具在命令行中运行以下命令来安装 Flask-Mail 扩展: ``` pip install Flask-Mail ``` 2. 配置 Flask-Mail 在 Flask 应用程序中,您需要配置 Flask-Mail 扩展。以下是一个配置示例: ``` from flask import Flask from flask_mail import Mail app = Flask(__name__) app.config['MAIL_SERVER'] = 'smtp.qq.com' app.config['MAIL_PORT'] = 465 app.config['MAIL_USE_SSL'] = True app.config['MAIL_USERNAME'] = 'your_qq_email@qq.com' app.config['MAIL_PASSWORD'] = 'your_qq_email_password' mail = Mail(app) ``` 请替换示例中的 `MAIL_USERNAME` 和 `MAIL_PASSWORD` 为您自己的 QQ 邮箱账号和密码。 3. 实现发送验证码的功能 您可以在 Flask 应用程序中编写一个路由来实现发送验证码的功能。以下是一个示例代码: ``` from flask import Flask, jsonify, request from flask_mail import Message import random app = Flask(__name__) # 配置 Flask-Mail 扩展 app.config['MAIL_SERVER'] = 'smtp.qq.com' app.config['MAIL_PORT'] = 465 app.config['MAIL_USE_SSL'] = True app.config['MAIL_USERNAME'] = 'your_qq_email@qq.com' app.config['MAIL_PASSWORD'] = 'your_qq_email_password' mail = Mail(app) # 发送验证码路由 @app.route('/send_code', methods=['POST']) def send_code(): # 获取接收验证码邮箱地址 email = request.form.get('email') # 生成验证码 code = str(random.randint(100000, 999999)) # 发送邮件 msg = Message('验证码', sender=app.config['MAIL_USERNAME'], recipients=[email]) msg.body = '您的验证码为:' + code mail.send(msg) return jsonify({'code': code}) ``` 在上述示例代码中,我们通过 POST 请求的方式传递需要发送验证码邮箱地址,然后使用 `random` 模块生成 6 位随机数作为验证码,然后用 Flask-Mail 扩展将验证码发送到指定的邮箱地址。 以上就是使用 Flask-Mail 扩展和 QQ 邮箱 SMTP 服务器实现发送验证码步骤。希望对您有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值