SpringBoot发送html邮箱验证码功能

下面是详细讲解Spring Boot发送html邮箱验证码功能的完整攻略。

准备工作

在开始之前,你需要准备以下的工具和资源:

  • Java环境(JDK8或以上版本)
  • IDE开发工具(IntelliJ IDEA或Eclipse等)
  • Spring Boot框架
  • 邮箱服务商提供的SMTP协议访问信息(如QQ、126等)
  • HTML页面模板

实现步骤

步骤一:创建Spring Boot项目并添加依赖

首先,你需要创建一个新的Spring Boot项目,并在其中添加以下依赖:

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
</dependency>

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-mail</artifactId>
</dependency>

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

第一个依赖是用于启动web服务的,第二个依赖是用于支持发送邮件的,第三个依赖是用于支持在模板中使用thymeleaf语法。

步骤二:编写邮件服务配置

在application.yml文件中,你需要编写邮件服务的基本参数配置,如下所示:

spring:
  mail:
    host: 邮箱服务器地址
    username: 用户名
    password: 密码
    port: 端口号
    default-encoding: UTF-8
    properties:
      mail:
        smtp:
          auth: true
          starttls:
            enable: true

其中,host、username、password、port需要替换为你自己的邮箱服务商提供的SMTP协议访问信息。

步骤三:编写邮件服务类

接下来,你需要创建一个Java类,用于实现邮件服务的相关功能。代码如下:

@Service
public class MailServiceImpl implements MailService {

    @Autowired
    private JavaMailSender mailSender;

    @Override
    public void sendMail(String to, String subject, String content) throws MessagingException {
        MimeMessage message = mailSender.createMimeMessage();
        MimeMessageHelper helper = new MimeMessageHelper(message, true, "UTF-8");
        helper.setFrom("发件人邮箱地址");
        helper.setTo(to);
        helper.setSubject(subject);
        helper.setText(content, true);
        mailSender.send(message);
    }

}

其中,to表示收件人邮箱地址,subject表示邮件主题,content表示邮件内容。sendMail方法的实现是通过MimeMessage对象以及JavaMailSender的send方法来完成邮件发送的。

步骤四:编写验证控制器

接下来,你需要编写一个控制器,用于处理在web项目中发送邮件的相关请求。代码如下:

@Controller
public class VerifyController {

    @Autowired
    private MailService mailService;

    @GetMapping("/sendVerifyCode")
    public String sendVerifyCode(@RequestParam("email") String email, HttpServletRequest request) throws MessagingException {
        int code = new Random().nextInt(900000) + 100000;
        request.getSession().setAttribute("verifyCode", String.valueOf(code));
        String content = "<html><head><meta charset=\"UTF-8\"></head><body><div style=\"width: 600px; margin: 0 auto;\">" +
                "<h2>邮箱验证码</h2><p style=\"font-size: 18px; color: #ff9753;\">验证码:<span style=\"font-weight: bold;\">" + code +
                "</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"#\" style=\"color: #438eb9; text-decoration: none;\">立即验证</a></p></div></body></html>";
        mailService.sendMail(email, "邮箱验证码", content);
        return "success";
    }

}

其中,@GetMapping("/sendVerifyCode")注解表示只处理GET请求,并且触发的URL地址为/sendVerifyCode。sendVerifyCode方法中,首先获取一个6位随机验证码,并将其存储到Session中,然后通过邮件服务发送邮件到指定的邮箱地址。邮件内容采用了HTML标记语言,并将随机验证码插入到其中。

步骤五:编写HTML页面模板

最后,你需要编写一个HTML页面模板,用于显示邮件验证的相关信息。代码如下:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>邮件验证</title>
</head>
<body>
<div style="width: 600px; margin: 0 auto;">
    <h2>邮箱验证</h2>
    <form action="#">
        <label>输入邮箱:</label>
        <input type="text" name="email">
        <button type="button" onclick="sendVerifyCode()">发送验证码</button>
    </form>
</div>
<script>
    function sendVerifyCode() {
        var email = $("input[name='email']").val();
        $.get("/sendVerifyCode?email=" + email, function (result) {
            if (result === "success") {
                alert("邮件发送成功,请查收邮件并验证。");
            } else {
                alert("邮件发送失败,请重试。");
            }
        });
    }
</script>
</body>
</html>

其中,form表单中包含了一个输入邮箱地址的文本框和一个发送验证码的按钮,点击按钮会触发sendVerifyCode函数,通过jQuery的get方法向服务端发送请求,并将邮件发送结果进行提示。

示例说明

示例一:使用QQ邮箱发送验证码

在上述代码实现的基础上,你需要将mail.host、mail.username、mail.password、mail.port等参数配置改为你使用QQ邮箱的SMTP协议访问信息。同时,你需要确保你的QQ邮箱开启了SMTP服务,否则无法发送邮件。配置完成之后,你可以启动Spring Boot应用,并访问http://localhost:8080/verify页面进行测试。

示例二:使用126邮箱发送验证码

与上述示例基本一致,只是将mail.host、mail.username、mail.password、mail.port等参数配置改为你使用126邮箱的SMTP协议访问信息。同样需要确保你的126邮箱开启了SMTP服务。启动应用,访问http://localhost:8080/verify页面进行测试。

到这里,Spring Boot发送html邮箱验证码的完整攻略就结束了。希望这篇文章对你有所帮助!

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:SpringBoot发送html邮箱验证码功能 - Python技术站

(0)
上一篇 2023年5月16日
下一篇 2023年5月16日

相关文章

  • MongoDB数据库部署环境准备及使用介绍

    下面是关于“MongoDB数据库部署环境准备及使用介绍”的完整攻略。 一、环境准备 1. 安装MongoDB 首先,访问MongoDB官网并下载安装包,根据系统版本选择对应的安装包。下载完毕后,运行安装包并按照提示完成安装即可。 2. 启动MongoDB服务 MongoDB安装完成后,还需要启动MongoDB服务,才能正常使用。在Windows系统中,可以使…

    MongoDB 2023年5月16日
    00
  • Python操作mongodb的9个步骤

    下面我将详细讲解Python操作mongodb的9个步骤的完整攻略。整个过程中包含两条示例说明。 1. 安装pymongo 在Python中,使用PyMongo库来操作MongoDB。安装方式如下: pip install pymongo 2. 导入pymongo库 安装好后,在Python中使用Pymongo的方法是先导入Pymongo库。 import …

    MongoDB 2023年5月16日
    00
  • MongoDB插入数据的3种方法

    MongoDB插入数据通常有3种方法,它们分别是使用insert()函数,使用save()函数以及使用bulkWrite()函数。下面我们将为大家详细讲解这3种方法以及示例说明。 insert()函数插入数据 insert()函数是 MongoDB 中最基本和常见的插入方法之一。下面是insert()函数的语法和参数: db.collection.inser…

    MongoDB 2023年5月16日
    00
  • MongoDb优化指南

    MongoDb优化指南 MongoDb优化是提高MongoDb数据库性能的重要一环,在实际使用中会遇到包括数据模型设计、索引优化、查询优化等多方面的问题。本文将从以下几方面入手进行讲解: 数据模型设计优化 索引优化 查询优化 1. 数据模型设计优化 1.1 数据冗余设计 在MongoDb的数据模型设计中,冗余设计可以提高性能,减少查询次数。建立冗余的字段可以…

    MongoDB 2023年5月16日
    00
  • Navicat远程连接MongoDB最全实现方法以及报错解决

    以下是Navicat远程连接MongoDB的完整攻略,包括两个示例以及解决报错的方法: Navicat远程连接MongoDB的完整攻略 准备工作 确认MongoDB已经启动并正在运行。 在MongoDB服务器上设置允许远程连接:在mongod.conf文件中添加bind_ip = 0.0.0.0。 确认服务器的27017端口已经开启。 下载并安装Navica…

    MongoDB 2023年5月16日
    00
  • mongodb清除连接和日志的正确方法分享

    以下是关于“mongodb清除连接和日志的正确方法”的完整攻略: 1. 清除连接的正确方法 在 MongoDB 中,当客户端通过数据库驱动连接到 MongoDB 服务器时,会创建一个与服务器的连接。每个连接都会占用一定的系统资源,因此当不再需要这些连接时,需要及时清除它们。 1.1. 通过命令行方式清除连接 如果你想通过命令行方式清除 MongoDB 中的连…

    MongoDB 2023年5月16日
    00
  • mongoDB4.2.8备份恢复与导出导入(推荐)

    MongoDB 4.2.8 备份恢复与导出导入攻略 1. 备份恢复 备份方法 在 MongoDB 中,采用 mongodump 工具进行备份。使用 mongodump 工具进行数据库备份时,MongoDB 将整个集合的所有数据和索引导出到 BSON 文件中。 以下是备份的具体步骤: 打开命令行工具或 shell 终端,输入如下命令进行备份: mongodum…

    MongoDB 2023年5月16日
    00
  • 实战分布式医疗挂号系统之设置微服务接口开发模块

    实战分布式医疗挂号系统之设置微服务接口开发模块 在分布式医疗挂号系统中,微服务是一个非常重要的模块。微服务通常被设计成独立的模块,可以轻松地扩展和维护。本文将介绍如何设置微服务接口开发模块。 环境准备 操作系统:Windows、Linux或MacOS 编程语言:Java 开发工具:IntelliJ IDEA 服务端框架:Spring Boot 微服务框架:S…

    MongoDB 2023年5月16日
    00
合作推广
合作推广
分享本页
返回顶部