Spring Boot qq郵箱驗證碼注冊和登錄驗證

1、登錄注冊思路

這是一個使用spring boot做的一個qq郵箱注冊和登錄的專案，
沒寫前端頁面，使用postman測驗，有截圖詳細，

1.1、思路

注冊：通過輸入的郵箱發送驗證碼，檢驗前端傳來的驗證碼是否和后臺生成的一致，若一致，將資料寫入資料庫，完成注冊；

登錄：通過輸入的郵箱查詢密碼，然后比較密碼是否一致，一致就是登錄成功，

1.2、整個專案結構圖

2、準備

2.1、開啟郵箱POP3/SMTP服務

登錄qq郵箱后，點擊左上方的設定，選擇賬戶，如下圖，

然后一直往下滑，看到如下圖的POP3/SMTP服務，點擊開啟，應該會讓幫定的手機號發個短信，然后會收到一個授權碼，一定要好好保存，在appliction.properties配置中會用到，

2.2、創建一個spring boot專案的時候，一直確認，jdk選擇8，

下邊是pom.xml中<dependencies>標簽的全部依賴

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

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

       <!--web-->
       <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>

       <!--mybatis-->
       <dependency>
           <groupId>org.mybatis.spring.boot</groupId>
           <artifactId>mybatis-spring-boot-starter</artifactId>
           <version>1.3.2</version>
       </dependency>

       <!--jdbc-->
       <dependency>
           <groupId>mysql</groupId>
           <artifactId>mysql-connector-java</artifactId>
           <version>8.0.19</version>
       </dependency>
       <dependency>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-starter-jdbc</artifactId>
       </dependency>

    </dependencies>

2.3、application.properties組態檔

application.properties組態檔

#郵箱配置
#平臺地址，這里用的是qq郵箱，使用其他郵箱請更換
spring.mail.host = smtp.qq.com
#改成自己的郵箱
spring.mail.username = xxxxx@qq.com
#發送短信后它給你的授權碼 填寫到這里
spring.mail.password = xxxxxx
#這東西不用改
spring.mail.properties.mail.smtp.ssl.enable=true
##編碼格式
spring.mail.default-encoding=UTF-8

#資料庫相關配置
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/email?useSSL=true&characterEncoding=utf-8&serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=root
        
#配置mapper
mybatis.mapper-locations=classpath:mapper/*.xml

2.4、創建資料庫

資料庫結構如下圖

創建一個資料庫email

CREATE DATABASE email;

在email資料庫創建user表

CREATE TABLE `user` (
  `id` int(20) NOT NULL AUTO_INCREMENT,
  `username` varchar(255) NOT NULL,
  `password` varchar(255) NOT NULL,
  `email` varchar(255) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=6 DEFAULT CHARSET=utf8;

3、全部代碼類

如最上邊的專案結構圖，controller包是和前端對接的，mapper包中是介面，pojo是物體類，service層是邏輯代碼，vo包是前端發送資料暫時保存，

執行流程： 使用postman發送請求，controller中會接受，然后呼叫service中的邏輯代碼，service會呼叫的mapper中介面，mapper的對應的xml實作對資料庫的各種操作，

3.1、UserController.java

package com.lu.youxiang.controller;

import com.lu.youxiang.service.MailService;
import com.lu.youxiang.vo.UserVo;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import javax.servlet.http.HttpSession;

@Controller
public class UserController {

    @Autowired
    private MailService mailService;

    @PostMapping("/sendEmail")
    @ResponseBody
    public String sendEmail(String email, HttpSession httpSession){
        mailService.sendMimeMail(email, httpSession);
        return "sucess";
    }

    @PostMapping("/regist")
    @ResponseBody
    public String regist(UserVo userVo, HttpSession session){
        mailService.registered(userVo,session);
        return "sucess";
    }

    @PostMapping("/login")
    @ResponseBody
    public String login(String email, String password){
        mailService.loginIn(email,password);
        return "sucess";
    }
}

3.2、UserMapper.java

package com.lu.youxiang.mapper;

import com.lu.youxiang.pojo.User;
import org.apache.ibatis.annotations.Mapper;
import org.springframework.stereotype.Repository;

@Mapper
@Repository
public interface UserMapper {

    /**
     * 注冊，插入資料
     * @param user
     */
    void insertUser(User user);

    /**
     * 根據郵箱查詢
     * @param email
     * @return
     */
    User queryByEmail(String email);
}

3.3、User.java

package com.lu.youxiang.pojo;

public class User {
    private String username;
    private String password;
    private String email;
    
	//get和set方法省略了，自己生成一下

}

3.4、MailService.java ，重要，

package com.lu.youxiang.service;

import com.lu.youxiang.mapper.UserMapper;
import com.lu.youxiang.pojo.User;
import com.lu.youxiang.vo.UserVo;
import com.lu.youxiang.vo.UserVoToUser;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.mail.SimpleMailMessage;
import org.springframework.mail.javamail.JavaMailSender;
import org.springframework.stereotype.Service;

import javax.servlet.http.HttpSession;
import java.util.Random;

@Service
public class MailService {
    @Autowired
    private JavaMailSender mailSender;//一定要用@Autowired

    @Autowired
    private UserMapper userMapper;//注入UserMapper，交給bena

    //application.properties中已配置的值
    @Value("${spring.mail.username}")
    private String from;

    /**
     * 給前端輸入的郵箱，發送驗證碼
     * @param email
     * @param session
     * @return
     */
    public boolean sendMimeMail( String email, HttpSession session) {
        try {
            SimpleMailMessage mailMessage = new SimpleMailMessage();

            mailMessage.setSubject("驗證碼郵件");//主題
            //生成亂數
            String code = randomCode();

            //將亂數放置到session中
            session.setAttribute("email",email);
            session.setAttribute("code",code);

            mailMessage.setText("您收到的驗證碼是："+code);//內容

            mailMessage.setTo(email);//發給誰

            mailMessage.setFrom(from);//你自己的郵箱

            mailSender.send(mailMessage);//發送
            return  true;
        }catch (Exception e){
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 隨機生成6位數的驗證碼
     * @return String code
     */
    public String randomCode(){
        StringBuilder str = new StringBuilder();
        Random random = new Random();
        for (int i = 0; i < 6; i++) {
            str.append(random.nextInt(10));
        }
        return str.toString();
    }

    /**
     * 檢驗驗證碼是否一致
     * @param userVo
     * @param session
     * @return
     */
    public boolean registered(UserVo userVo, HttpSession session){
        //獲取session中的驗證資訊
        String email = (String) session.getAttribute("email");
        String code = (String) session.getAttribute("code");

        //獲取表單中的提交的驗證資訊
        String voCode = userVo.getCode();

        //如果email資料為空，或者不一致，注冊失敗
        if (email == null || email.isEmpty()){
            //return "error,請重新注冊";
            return false;
        }else if (!code.equals(voCode)){
            //return "error,請重新注冊";
            return false;
        }

        //保存資料
        User user = UserVoToUser.toUser(userVo);

        //將資料寫入資料庫
        userMapper.insertUser(user);

        //跳轉成功頁面
        return true;
    }

    /**
     * 通過輸入email查詢password，然后比較兩個password，如果一樣，登錄成功
     * @param email
     * @param password
     * @return
     */

    public boolean loginIn(String email, String password){

        User user = userMapper.queryByEmail(email);

        if(!user.getPassword().equals(password)){
            return false;
        }
        System.out.println("登錄成功:資料庫密碼是："+user.getPassword());
        return true;
    }
}

3.5、UserVo.java

package com.lu.youxiang.vo;

public class UserVo {
    private String username;

    private String password;

    private String email;
    //    驗證碼
    private String code;
	
	//省略了get和set方法，自己生成一下
 }

3.6、UserVoToUser.java

package com.lu.youxiang.vo;

import com.lu.youxiang.pojo.User;

public class UserVoToUser {

    /**
     * 將表單中的物件轉化為資料庫中存盤的用戶物件（剔除表單中的code）
     * @param userVo
     * @return
     */
    public static User toUser(UserVo userVo) {

        //創建一個資料庫中存盤的物件
        User user = new User();

        //傳值
        user.setUsername(userVo.getUsername());
        user.setPassword(userVo.getPassword());
        user.setEmail(userVo.getEmail());

        // 回傳包裝后的物件
        return user;
    }
}

主配置類不復制了，創建springboot專案后，就有，

3.7、UserMapper.xml
在resources包下創建mapper包，用來放xml，然后再這個包中創建UserMapper.xml，內容如下，

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.lu.youxiang.mapper.UserMapper">

    <insert id="insertUser" parameterType="com.lu.youxiang.pojo.User">
        insert into user (username,password,email)
         values (#{username},#{password},#{email})
    </insert>

    <select id="queryByEmail" resultType="com.lu.youxiang.pojo.User">
        select *
        from user
        where email = #{email}
    </select>

</mapper>

4、使用postman測驗

如果沒有這個軟體，安裝一下，使用很簡單，
打開后，點擊左上角的file，再點擊New Tab，就會出來一個頁面，
（或者使用Ctrl+T快捷鍵）

4.1、測驗發送郵件

請求url：

http://localhost:8080/sendEmail?email=123456@qq.com

把請求url復制到如下如的url中， 郵箱換成自己的，請求方式換成POST，點擊send，
如下圖

4.2、測驗注冊

請求url：

http://localhost:8080/regist

把請求url復制到如下如的url中， 郵箱換成自己的，code的值寫郵箱收到的，請求方式換成POST，點擊send，如下圖

4.3、測驗登錄

請求url：

http://localhost:8080/login?email=123456@qq.com&password=12345

復制url，改成POST請求，點擊Send，

如下圖