近期,需要完成一个用邮箱号来接收验证码,并输入正确验证码完成注册登录功能的系统,分享一下实现的一些地方注意。
项目框架:SSM
具体的实现效果如下:
1、Jsp页面编写页面内容和请求的Ajax代码
<div class="col-6">
<label class="form-label">验证码</label>
<input type="text" class="form-control" id="mark" name="mark">
</div>
<div class="col-6">
<label class="form-label">获取验证码</label>
<div class="d-grid">
<button id="getMark" type="button" class="btn btn-secondary px-5" onclick="send()">获取验证码</button>
</div>
</div>
2、Ajax请求代码
<script>
var ma="";//这个是从后端获取发送的验证码信息
function send() {
var username=$("#username").val();
var email=$("#email").val();
if(email == null || email== ""){
layer.msg('邮箱不能为空!');
return false;
}
var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if (!myreg.test($('#email').val())) {
layer.msg('邮箱格式错误!');
return false;
}
$.ajax({
url:"send",
dataType: "json",
data:{"email":email},
type: "get",
success:function (Captcha) {
ma=Captcha;
$('#getma').val(ma);//把验证码放在页面里做校验,剩下的就是判断输入验证码对不对就可以了
layer.msg("已发送",{time:2000,anim:6});
}
})
}
</script>
3、Controller中发送验证码
//发送验证码
@RequestMapping("/send")
@ResponseBody
public String sendEmail(HttpSession httpSession, String username, String email, HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
// 获取用户的邮箱
// 实例化用户对象
User user = null;
// 实例化一个发送邮件的对象
SendMail mySendMail = new SendMail();
//生成六位数验证码
String Captcha = String.valueOf(new Random().nextInt(899999) + 100000);
//存储验证码
httpSession.setAttribute("Captcha", Captcha);
SimpleMailMessage message = new SimpleMailMessage();
//邮件主题
message.setSubject("验证码");
//邮件内容
message.setText("验证码:" + Captcha);
mySendMail.sendMail(email, "您的验证码为:" + Captcha);
return Captcha;
}
4、配置的邮箱验证码的配置代码
我放在了Util工具类中,然后Controller中引入这个类就可以调用
package com.study.util;
import javax.mail.MessagingException;
import javax.mail.NoSuchProviderException;
import javax.mail.Session;
import javax.mail.Transport;
import javax.mail.internet.InternetAddress;
import javax.mail.internet.MimeMessage;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.text.SimpleDateFormat;
import java.util.*;
public class SendMail {
// 发件人的邮箱账号如:xxx@163.com
public static String sendEmailAccount = "XXX@qq.com";
// 发件人的邮箱的授权码(自己在邮箱服务器中开启并设置)
public static String sendEmailPassword = "XXXX";
// 发件人邮箱的SMTP服务器地址,如:smtp.163.com,我使用的是qq邮箱所以如下:
public static String sendEmailSMTPHost = "smtp.qq.com";
// 收件人的邮箱账号
// public static String receiveMailAccount = "xxx@qq.com";
// 把发送邮件封装为函数,参数为收件人的邮箱账号和要发送的内容
public void sendMail(String receiveMailAccount, String mailContent) {
// 创建用于连接邮件服务器的参数配置
Properties props = new Properties();
// 设置使用SMTP协议
props.setProperty("mail.transport.protocol", "smtp");
// 设置发件人的SMTP服务器地址
props.setProperty("mail.smtp.host", sendEmailSMTPHost);
// 设置需要验证
props.setProperty("mail.smtp.auth", "true");
// 根据配置创建会话对象, 用于和邮件服务器交互
Session session = Session.getInstance(props);
// 设置debug模式,便于查看发送过程所产生的日志
session.setDebug(true);
try {
// 创建一封邮件
MimeMessage message = createMimeMessage(session, sendEmailAccount, receiveMailAccount, mailContent);
// 根据 Session 获取邮件传输对象
Transport transport = session.getTransport();
transport.connect(sendEmailAccount, sendEmailPassword);
// 发送邮件, 发到所有的收件地址, 通过message.getAllRecipients() 可以获取到在创建邮件对象时添加的所有收件人
transport.sendMessage(message, message.getAllRecipients());
// 关闭连接
transport.close();
} catch (NoSuchProviderException e) {
e.printStackTrace();
} catch (MessagingException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}
}
/**
*
* @param session
* 和服务器交互的会话
* @param sendMail
* 发件人邮箱
* @param receiveMail
* 收件人邮箱
* @return
* @throws Exception
*/
public static MimeMessage createMimeMessage(Session session, String sendMail, String receiveMail,
String mailContent) throws Exception {
// 创建一封邮件
MimeMessage message = new MimeMessage(session);
// 设置发件人姓名和编码格式
message.setFrom(new InternetAddress(sendMail, "登陆验证系统", "UTF-8"));
// 收件人
message.setRecipient(MimeMessage.RecipientType.TO, new InternetAddress(receiveMail, "尊敬的用户", "UTF-8"));
// 设置邮件主题
message.setSubject("邮箱提醒", "UTF-8");
// 设置邮件正文
message.setContent(mailContent, "text/html;charset=UTF-8");
// 设置发件时间
message.setSentDate(new Date());
// 保存设置
message.saveChanges();
return message;
}
}