SSM框架完成QQ邮箱验证码获取以及注册登录验证

近期,需要完成一个用邮箱号来接收验证码,并输入正确验证码完成注册登录功能的系统,分享一下实现的一些地方注意。

项目框架: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 {

    // 发件人的邮箱账号如:[email protected]
    public static String sendEmailAccount = "[email protected]";
    // 发件人的邮箱的授权码(自己在邮箱服务器中开启并设置)
    public static String sendEmailPassword = "XXXX";
    // 发件人邮箱的SMTP服务器地址,如:smtp.163.com,我使用的是qq邮箱所以如下:
    public static String sendEmailSMTPHost = "smtp.qq.com";
    // 收件人的邮箱账号
//    public static String receiveMailAccount = "[email protected]";

    // 把发送邮件封装为函数,参数为收件人的邮箱账号和要发送的内容
    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;
    }

}

猜你喜欢

转载自blog.csdn.net/qq_59059632/article/details/134745060
今日推荐