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

文章目錄

• • 1、登入注冊思路
  • • 1.1、思路
    • 1.2、整個項目結構圖
  • 2、準備
  • • 2.1、開啟郵箱POP3/SMTP服務
    • 2.2、建立一個spring boot項目的時候，一直确認，jdk選擇8。
    • 2.3、application.properties配置檔案
    • 2.4、建立資料庫
  • 3、全部代碼類
  • 4、使用postman測試
  • • 4.1、測試發送郵件
    • 4.2、測試注冊
    • 4.3、測試登入

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 = [email protected]
#發送短信後它給你的授權碼 填寫到這裡
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/[email protected]

把請求url複制到如下如的url中， 郵箱換成自己的，請求方式換成POST。點選send。

如下圖

4.2、測試注冊

請求url：

http://localhost:8080/regist

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

4.3、測試登入

請求url：

http://localhost:8080/[email protected]&password=12345

複制url，改成POST請求，點選Send。

如下圖