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日

相关文章

  • Windows下mongodb安装与配置三步走

    下面是“Windows下mongodb安装与配置三步走”的完整攻略。 一、安装MongoDB 1. 下载MongoDB安装文件 你可以从官方网站上下载MongoDB的安装包,下载地址为:https://www.mongodb.com/download-center/community。选择与你的系统版本相符的安装包进行下载。 2. 安装MongoDB 安装时…

    MongoDB 2023年5月16日
    00
  • Springboot整合MongoDB进行CRUD操作的两种方式(实例代码详解)

    下面是对该主题的详细讲解。 1. Spring Boot整合MongoDB Spring Boot是基于Spring框架的,采用约定大于配置的方式进行开发,开发者无需进行过多的配置,即可快速搭建一个应用程序,其内置了多种常用的组件和功能。MongoDB是一种面向文档的NoSQL数据库,具有高伸缩性、性能优良等特点。下面我们将讲解Spring Boot整合Mo…

    MongoDB 2023年5月16日
    00
  • php对mongodb的扩展(初出茅庐)

    下面是针对“php对mongodb的扩展(初出茅庐)”这个主题的详细攻略。 1. 简介 MongoDB是一款非关系型数据库,目前在Web开发领域中越来越受欢迎,而PHP是一门广泛应用于Web开发的编程语言。为了让PHP开发者方便地与MongoDB进行交互,MongoDB官方推出了PHP扩展,即“php对mongodb的扩展”。 本次攻略将介绍如何在PHP中使…

    MongoDB 2023年5月16日
    00
  • MongoDB中游标的深入学习

    下面详细讲解“MongoDB中游标的深入学习”的完整攻略: 标题 MongoDB中游标的深入学习 内容: MongoDB是一款非常流行的文档型数据库,而游标则是MongoDB中非常重要的概念之一。下面我们就来进行MongoDB中游标的深入学习。 游标基本知识 在MongoDB中,游标表示对查询结果的返回结果进行逐一访问的机制。MongoDB中可以通过游标实现…

    MongoDB 2023年5月16日
    00
  • MongoDB限制查询条数(分页)方法详解

    MongoDB是一种高效的非关系型数据库系统,其支持广泛的查询语言和数据操作方式。针对大型数据集,MongoDB提供了许多操作限制选项,以提高查询速度和资源效率。 本文将详细介绍MongoDB限制查询条数的完整攻略,包括如何使用limit()方法和skip()方法来限制查询结果集的大小。同时,我们还将提供一些示例代码,帮助你更好地理解这些操作选项的工作原理。…

    MongoDB 2023年3月14日
    00
  • IDEA 2020.3 更新了机器学习都整上了

    标题:IDEA 2020.3 更新了机器学习都整上了 总览:IntelliJ IDEA 2020.3版本已经更新,其中新增了许多关于机器学习的功能,本文将详细介绍IDEA 2020.3 更新后关于机器学习的具体操作流程,以及为何这些新功能对于开发者和数据科学家非常有用。 步骤一:安装IDEA 2020.3版本首先,你需要从官方网站下载并安装IDEA 2020…

    MongoDB 2023年5月16日
    00
  • node+vue实现用户注册和头像上传的实例代码

    下面我将为你详细介绍如何使用Node和Vue实现用户注册和头像上传的实例代码。 一、前言 在本篇攻略中,我们将使用Node.js和Vue.js来实现一个简单的用户注册和头像上传的系统。我们将通过以下两条示例的说明来进行操作: 示例一:用户注册 示例二:头像上传 在继续之前,请确保你已经安装好了Node.js和Vue.js,并且对这两个框架有一定的了解。 二、…

    MongoDB 2023年5月16日
    00
  • MongoDB快速入门笔记(七)MongoDB的用户管理操作

    针对“MongoDB快速入门笔记(七)MongoDB的用户管理操作”,下面是完整的攻略: MongoDB的用户管理操作 MongoDB的用户管理功能可以让我们对数据库进行更细粒度的访问控制。用户管理包括添加用户、删除用户以及设置用户的权限等操作。接下来,我们将讲解如何进行 MongoDB 的用户管理。 添加用户 首先,我们需要使用管理员权限连接到 Mongo…

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