java案例----用戶注冊—發送郵件并激活/發送郵件驗證碼
一、前期準備
1、準備兩個郵箱賬號(一個發郵件,一個收郵件)
1.1)登錄需要發送郵件的QQ郵箱,找到設定項
1.2)然后在賬戶欄下,找到(POP3/SMTP)服務協議

1.3)生成授權碼
下拉找到 POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服務 打開 POP3/SMTP服務,并記住授權碼,后面發送郵件時會用到授權碼

二、專案
1、準備用戶資料表
CREATE TABLE `user` (
`userid` int(20) NOT NULL AUTO_INCREMENT COMMENT '用戶編號',
`name` varchar(16) DEFAULT NULL COMMENT '姓名',
`password` varchar(16) DEFAULT '' COMMENT '密碼',
`sex` varchar(12) DEFAULT NULL COMMENT '性別',
`idno` varchar(18) DEFAULT NULL COMMENT '身份證號碼',
`tel` int(11) DEFAULT NULL COMMENT '手機號碼',
`userVerificationCode` int(6) DEFAULT NULL COMMENT '驗證碼',
`userActivationCode` varchar(255) DEFAULT NULL COMMENT '激活碼',
`eml` varchar(255) DEFAULT '' COMMENT '郵箱',
`vipid` int(1) DEFAULT 0 COMMENT '會員等級',
`permissionid` int(1) DEFAULT 0 COMMENT '權限等級',
`registerdata` datetime DEFAULT NULL COMMENT '注冊日期',
`status` tinyint(1) DEFAULT NULL COMMENT '狀態:0 未激活 1激活',
PRIMARY KEY (`userid`)
) ENGINE=InnoDB AUTO_INCREMENT=1007 DEFAULT CHARSET=utf8

2、idea 創建專案
2.1)在專案的pom表中匯入郵件jar包
<!--引入郵件 -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-mail</artifactId>
</dependency>
為了使專案能夠跑通測驗,以下是pom表的所有配置
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<!--
定位: SpringBoot主要的作用整合SSM,使得框架的使用更加簡化
原則: "開箱即用"
parent主要的作用:
1.SpringBoot在內部兼容了當下幾乎所有的第三方框架
2.SpringBoot官網已經將所有兼容的版本進行了定義
(幾乎解決了版本沖突問題)以后幾乎不寫版本號
概括: parent標簽中管理其他的專案版本資訊.
-->
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.5.3</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<!--坐標-->
<groupId>com.demo</groupId>
<artifactId>yuyue</artifactId>
<version>0.0.1-SNAPSHOT</version>
<name>yuyue</name>
<description>Demo project for Spring Boot</description>
<properties>
<java.version>1.8</java.version>
<!--跳過測驗類打包-->
<skipTests>true</skipTests>
</properties>
<!--原則: 按需匯入 -->
<dependencies>
<dependency>
<!--springboot啟動項(器)在包的內部SpringBoot
已經完成了專案的"整合"(配置) 用戶拿來就用
web匯入SpringMVC
-->
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-test</artifactId>
<scope>test</scope>
</dependency>
<!--支持熱部署 -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<optional>true</optional>
</dependency>
<!--添加lombok依賴-->
<dependency>
<groupId>org.projectlombok</groupId>
<artifactId>lombok</artifactId>
</dependency>
<!--引入資料庫驅動 -->
<dependency>
<groupId>mysql</groupId>
<artifactId>mysql-connector-java</artifactId>
<scope>runtime</scope>
</dependency>
<!--springBoot資料庫連接 -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-jdbc</artifactId>
</dependency>
<!--匯入MP包之后,洗掉原有的Mybatis的包 -->
<dependency>
<groupId>com.baomidou</groupId>
<artifactId>mybatis-plus-boot-starter</artifactId>
<version>3.4.3</version>
</dependency>
<!--引入郵件 -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-mail</artifactId>
</dependency>
</dependencies>
<!--SpringBoot專案與Maven整合的一個插件
可以通過插件 執行專案打包/測驗/檔案生成等操作
注意事項: 該插件不能省略
專案發布時: java -jar xxxx.jar 報錯:沒有主清單資訊!!!!
-->
<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
<configuration>
<fork>true</fork><!--熱部署必須添加這個配置-->
</configuration>
</plugin>
</plugins>
</build>
</project>
2.2)創建user類—用戶類
package com.demo.pojo;
import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import com.fasterxml.jackson.annotation.JsonFormat;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;
import java.sql.Timestamp;
@Data //lombok---自動創建get、set等方法
@NoArgsConstructor //lombok---無參構造
@AllArgsConstructor //lombok---全參構造
@Accessors(chain = true) //開啟鏈式編程
@TableName("user") //關聯資料表--user表的名字
public class User {
//主鍵自增
@TableId(type= IdType.AUTO)
private Integer userid; //登錄賬號
private String name; //姓名
private String password; //密碼
private String repassword; //確認密碼
private String sex; //性別
private String idno; //身份證號碼
private Integer userVerificationCode; //驗證碼
private Integer userActivationCode; //激活碼
private String eml; //郵箱
private String tel; //聯系電話
private Integer vipid; //vip標志id
private Integer permissionid; //權限標志id
private boolean status; //狀態:0 未激活 1激活
//日期出參格式化
@JsonFormat(pattern="yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")
private Timestamp registerdata; //注冊時間
@TableField(exist = false) //不是資料表格中固有的屬性
private String vipname; //vip標志名稱
@TableField(exist = false) //不是資料表格中固有的屬性
private String permissionname; //權限標志名稱
}
2.3)創建組態檔
server:
port: 8090
spring:
#連接資料資料庫
datasource:
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://127.0.0.1:3306/yuyue?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=true
username: root
password: root
#如果資料庫密碼以數字0開頭 則必須使用""號包裹
#password: "01234"
#連接發送者郵箱
mail:
host: smtp.qq.com #這個是QQ郵箱的,發件人郵箱的 SMTP 服務器地址, 必須準確, 不同郵件服務器地址不同, 一般(只是一般, 絕非絕對)格式為: smtp.xxx.com,可以百度
username: Xxx@qq.com #qq郵箱
password: #qq郵箱授權碼
protocol: smtp #發送郵件協議
properties.mail.smtp.auth: true #設定是否需要認證,如果為true,那么用戶名和密碼就必須的,
properties.mail.smtp.starttls.enable: true
properties.mail.smtp.starttls.required: true
properties.mail.smtp.ssl.enable: true #開啟SSL
default-encoding: utf-8
#SpringBoot整合MP配置
mybatis-plus:
#定義別名包: 實作物件映射
type-aliases-package: com.demo.pojo
#加載映射檔案一個介面對應一個映射檔案
mapper-locations: classpath:/mybatis/*.xml
#開啟駝峰映射
configuration:
map-underscore-to-camel-case: true
#不列印日志
debug: false
#Mapper介面執行 列印Sql日志
logging:
level:
com.jt.mapper: debug
2.3.1)郵件的組態檔,application.yml寫法
spring:
mail:
host: smtp.qq.com #發送郵件服務器
username: xx@qq.com #發送者郵箱
password: xxxxxxxx #發送者郵箱授權碼
protocol: smtp #發送郵件協議
properties.mail.smtp.auth: true #開啟認證
properties.mail.smtp.port: 994 #設定埠465或者994
properties.mail.display.sendmail: aaa #可以任意
properties.mail.display.sendname: bbb #可以任意
properties.mail.smtp.starttls.enable: true
properties.mail.smtp.starttls.required: true
properties.mail.smtp.ssl.enable: true #開啟SSL
default-encoding: utf-8
#from: xx@qq.com #發送者郵箱
2.3.2)郵件的組態檔,application.properties寫法
spring.mail.host=smtp.qq.com //這個是QQ郵箱的 其他郵箱請另行百度
spring.mail.username=用戶名 //發送方的郵箱
spring.mail.password=密碼 //對于qq郵箱而言 密碼指的就是發送方的授權碼
spring.mail.properties.mail.smtp.auth=true
spring.mail.properties.mail.smtp.starttls.enable=true
spring.mail.properties.mail.smtp.starttls.required=true
2.4)創建EmailController類
package com.demo.controller;
import com.demo.pojo.User;
import com.demo.service.EmailService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController//接受請求
@CrossOrigin //解決跨域
@RequestMapping("/email") //訪問路徑
public class EmailController{
//注入物件
@Autowired
private EmailService emailService;
@PostMapping ("/sendEmail")
public String sendEmail(User user){
System.out.println("發送郵件,,,,");
return emailService.sendEmail(user);
}
@PostMapping ("/verificationEmail")
public String verificationEmail(User user){
System.out.println("驗證-郵箱發送的驗證碼,,,,");
return emailService.verificationEmail(user);
}
}
2.5)創建EmailService 類
package com.demo.service;
import com.demo.pojo.User;
public interface EmailService {
//發送驗證碼
String sendEmail(User user);
}
2.6)創建EmailServiceImpl 類
package com.demo.service;
import com.demo.pojo.User;
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 java.util.Random;
@Service
public class EmailServiceImpl implements EmailService {
//定義驗證碼
private Integer userVerificationCode = null;
@Autowired
JavaMailSender jms;
//讀取組態檔郵箱賬號引數
@Value("${spring.mail.username}")
private String sender;
//發送驗證碼
@Override
public String sendEmail(User user) {
//亂數用作驗證
Integer userVerificationCode = new Random().nextInt(999999);
try {
//建立郵件訊息
SimpleMailMessage mainMessage = new SimpleMailMessage();
//發送者
mainMessage.setFrom(sender);
//接收者
mainMessage.setTo(user.getEml());
//發送的標題
mainMessage.setSubject("郵箱驗證");
//發送的內容
String msg = "您好!" + user.getEml() + ",您正在使用郵箱驗證,驗證碼:" + userVerificationCode + ",";
mainMessage.setText(msg);
//發送郵件
jms.send(mainMessage);
//下面是加入快取,以便于進行郵箱驗證
this.userVerificationCode = userVerificationCode;
} catch (Exception e) {
return ("發送郵件失敗,請核對郵箱賬號");
}
return "驗證碼已經發送您的郵箱,請前去郵箱查看,驗證碼是:" + userVerificationCode ;
}
@Override
public String verificationEmail(User user) {
if (this.userVerificationCode.equals(user.getUserVerificationCode())){
return "驗證成功";
}
return "驗證失敗";
}
}
3、準備網頁
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>郵箱驗證測驗</title>
<script src="../js/jquery-3.6.0.min.js"></script>
<script src="../js/axios.js"></script>
<script>
function register(){
axios.post("http://localhost:8090/fkxinli/register", $("#f1").serialize())
.then(function(result){
console.log(result.data)
})
}
function register1(){
$.ajax({ //發起Ajax請求資料
type: "POST", //POST隱藏請求自帶的資料,get顯示請求自帶的資料
url: "http://localhost:8080/fkxinli/register", //要使用的請求路徑
//contentType: "application/json;charset=utf-8",
data:$("#f1").serialize(),
success: function(data) { //成功時的方案
document.write(data);
},
error: function(data) {
//alert("回傳失敗");
//console.log("注冊失敗");
}
})
}
function sendEmail(){
$.ajax({ //發起Ajax請求資料
type: "POST", //POST隱藏請求自帶的資料,get顯示請求自帶的資料
url: "http://localhost:8090/email/sendEmail", //要使用的請求路徑
//contentType: "application/json;charset=utf-8",
data:$("#f1").serialize(),
success: function(data) { //成功時的方案
alert(data);
},
error: function(data) {
//alert("回傳失敗");
//console.log("注冊失敗");
}
})
}
function verificationEmail(){
$.ajax({ //發起Ajax請求資料
type: "POST", //POST隱藏請求自帶的資料,get顯示請求自帶的資料
url: "http://localhost:8090/email/verificationEmail", //要使用的請求路徑
//contentType: "application/json;charset=utf-8",
data:$("#f1").serialize(),
success: function(data) { //成功時的方案
alert(data);
},
error: function(data) {
//alert("回傳失敗");
//console.log("注冊失敗");
}
})
}
<!--回傳首頁-->
function returnfrontpage(){
window.open("../1-homepage/frontpage.html")
}
</script>
</head>
<body>
<h1 align="center">郵箱驗證測驗</h1>
<form id="f1">
<table align="center">
<tr>
<td>電子郵箱:</td>
<td>
<input type="email" name="eml" placeholder="請輸入電子郵箱"/>
<input type="button" value="發送驗證碼" onclick="sendEmail()" />
</td>
</tr>
<tr>
<td>郵箱驗證碼:</td>
<td>
<input type="text" name="userVerificationCode" placeholder="請輸入郵箱驗證碼"/>
<input type="button" value="驗證--郵箱發送的驗證碼" onclick="verificationEmail()" />
</td>
</tr>
</table>
</form>
</body>
</html>
4、測驗
后端代碼,寫的比較簡單,僅僅測驗郵箱是否能夠發送驗證碼



轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/298106.html
標籤:java
上一篇:手擼一個mvc框架有多簡單
