文件管理（demo）注册时的邮件验证

写在开头：本篇文章记录于22年4月23，一个暖洋洋的下午

实现功能

用户在注册时需要输入邮件并完成验证，方可进行完整注册。

逻辑实现

---->前端邮箱输入栏右侧加一个发送邮件按钮

--->点击按钮，携带邮箱向后端发起发送邮件的请求

--->后端接收请求，生成5位随机验证码，一方面将验证码作为邮件内容发送，另一方面将验证码写入redis并设置1分钟的有效期。

--->前端用户收到验证码，提交注册表单（包含验证码）

--->后端接收到注册表单，现拿表单里的邮箱去redis进行验证码效验，若reids已没有验证码，返回验证码已失效，用邮箱查到的验证码表单不一致，则返回验证码错误，若效验成功则进行后续的账号验证与数据库的写入

--->前端验证码失效，按钮就显示重新发送，成功则跳转至登录页面

技术栈

前端：vue2.X + vue-admin-template

后端：springboot+mybatis-plus+mysql+springSecurity+jwt+shiro

代码实现（碍于篇幅，只显示关键代码，建议去文末的gitee仓库地址拉取文件管理项目（前后端）的完整代码）

依赖引入：

         
        
            org.springframework.boot
            spring-boot-starter-mail
        
        
        
            org.springframework.boot
            spring-boot-starter-thymeleaf
        
        
        
            org.springframework.boot
            spring-boot-starter-data-redis
        
        
        
            cn.hutool
            hutool-all
            5.7.13
        
       
        
            org.springframework.boot
            spring-boot-starter-mail
        

springboot配置

 #redis配置
  redis:
    # 地址
    host: 127.0.0.1
    # 端口号
    port: 6379
    # 密码（默认为空）
    password:
    # 超时时间，单位毫秒
    timeout: 3000
    # 数据库编号
    database: 0
    # 配置lettuce
    lettuce:
      pool:
        # 连接池中的最小空闲连接
        min-idle: 1
        # 连接池中的最大空闲连接
        max-idle: 6
        # 连接池最大连接数（使用负值表示没有限制,不要配置过大，否则可能会影响redis的性能）
        max-active: 10
        # 连接池最大阻塞等待时间（使用负值表示没有限制）；单位毫秒
        max-wait: 1000
      #关闭超时时间；单位毫秒
      shutdown-timeout: 200
#发送验证邮件
  mail:
    protocol: smtp
    host: smtp.qq.com
    port: 465
    #自己邮箱和协议密码(非邮箱密码)
    username: *******
    password: *******
    default-encoding: utf-8
    properties:
      mail:
        smtp:
          auth: true
          starttls:
            enable: true
            required: true
          ssl:
            enable: true
          socketFactory:
            port: 465
            class: javax.net.ssl.SSLSocketFactory

shiro配置

@Component
public class ShiroConfig {

    @Bean
    public RedisTemplate template(RedisConnectionFactory factory) {
        // 创建RedisTemplate对象
        RedisTemplate template = new RedisTemplate<>();
        // 配置连接工厂
        template.setConnectionFactory(factory);
        // 定义Jackson2JsonRedisSerializer序列化对象
        Jackson2JsonRedisSerializer