文章目录

• 前言
• • 学习之前需要掌握的知识
• 项目环境搭建
• 数据库的搭建
• 前端页面的搭建
• 后端代码
• • 格式
  • pojo
  • mapper
  • Controller
  • service
• 最后

前言

项目流程图如下：

这里我们通过：

1. 163邮箱来实现激活码发送
2. qq邮箱来进行接收

学习之前需要掌握的知识

1. springboot的基本使用方法
2. mysql的使用
3. mybatis的简单使用

项目环境搭建

这里我们直接使用 Spring Initializr 初始化 Spring Boot 项目

环境依赖选择：

1. lombok简化开发，使用注解，避免写重复性代码
2. SpringWeb，实现一个前后端的数据交互（一个登录注册验证，没必要写前后端分离）
3. MySQL
4. MyBatis
   
   完整的pom文件

4.0.0org.springframework.bootspring-boot-starter-parent2.7.6 com.demoemail-login-register0.0.1-SNAPSHOTemail-login-registerDemo project for Spring Boot1.8org.springframework.bootspring-boot-starter-mailorg.thymeleafthymeleaf-spring5org.thymeleaf.extrasthymeleaf-extras-java8timeorg.springframework.bootspring-boot-starter-thymeleaforg.springframework.bootspring-boot-starter-weborg.mybatis.spring.bootmybatis-spring-boot-starter3.0.0com.mysqlmysql-connector-jruntimeorg.projectlomboklomboktrueorg.springframework.bootspring-boot-starter-testtestcn.hutoolhutool-all5.8.0commons-langcommons-lang2.6org.springframework.bootspring-boot-maven-pluginorg.projectlomboklombok

application.yml配置

server:port: 8001spring:datasource:driver-class-name: com.mysql.cj.jdbc.Driverurl: jdbc:mysql://localhost:3306/email?serverTimezone=Asia/Shanghai&useUnicode=true&characterEncoding=utf8&useSSL=falseusername: rootpassword: qwer123.mail:protocol: smtp # 邮件协议host: smtp.163.com # 网易邮箱 smtp 服务器地址port: 25username: mashengmingming@163.com # 发件人邮箱地址password:     # 授权码default-encoding: utf-8 # 编码字符集properties:mail:debug: true # 开启 debug 模式以后会完整打印邮件发送过程的日志mybatis:configuration:map-underscore-to-camel-case: true # 开启驼峰映射

数据库的搭建

注册，登录页面需要的字段：
基本字段：id，email，password
常用的拓展字段：

activation_time					// 激活失效时间
confirm_code				// 确认代码	
is_vaild					// 是否可用 0-不可用 1-可用	
salt						// 加密盐
gmt_create					// 创建时间
gmt_modified				// 修改时间

具体的建表语句

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;DROP TABLE IF EXISTS `user`;
CREATE TABLE `user`  (`id` bigint NOT NULL AUTO_INCREMENT COMMENT '主键\r\n',`email` varchar(255) CHARACTER SET utf8mb3 COLLATE utf8mb3_general_ci NULL DEFAULT NULL COMMENT '邮箱',`password` varchar(255) CHARACTER SET utf8mb3 COLLATE utf8mb3_general_ci NULL DEFAULT NULL COMMENT '密码',`activation_time` timestamp NULL DEFAULT NULL COMMENT '激活失效时间',`confirm_code` varchar(255) CHARACTER SET utf8mb3 COLLATE utf8mb3_general_ci NULL DEFAULT NULL COMMENT '确认码',`is_vaild` int NULL DEFAULT NULL COMMENT '是否可用，0不可用，1可用',`salt` varchar(255) CHARACTER SET utf8mb3 COLLATE utf8mb3_general_ci NULL DEFAULT NULL COMMENT '加密盐',`gmt_create` timestamp NULL DEFAULT NULL COMMENT '创建时间',`gmt_modified` timestamp NULL DEFAULT NULL COMMENT '更新时间',PRIMARY KEY (`id`) USING BTREE,UNIQUE INDEX `email`(`email` ASC) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 9 CHARACTER SET = utf8mb3 COLLATE = utf8mb3_general_ci ROW_FORMAT = Dynamic;INSERT INTO `user` VALUES (8, '986438626@qq.com', '09eff3f9a0817674c4d79c01eb156092', '2022-12-20 17:08:09', '1604765517418205184', 1, 'bn1sqy', '2022-12-19 17:08:09', '2022-12-19 17:08:09');SET FOREIGN_KEY_CHECKS = 1;

前端页面的搭建

前后端不分离下，我们前端页面一般放到templates下面

登录

LoginDemo
登录
注册

注册

LoginDemo
注册
登录

发送邮件格式

Email 地址验证
欢迎注册LoginDemo，这是一封账号激活邮件，只有激活账号后才能登录网站，点击下方链接即可激活账号！
激活链接有效期为24小时，请在规定时间内激活账号！
-----------------------------------------------------------------------------
-----------------------------------------------------------------------------

-----------------------------------------------------------------------------
-----------------------------------------------------------------------------
感谢您的访问，祝您生活愉快！

长这个样子：

后端代码

格式

典型的分层模型，

pojo

package com.expamle.emailloginregister.pojo;import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;import java.io.Serializable;
import java.time.LocalDateTime;@Data
@NoArgsConstructor
@AllArgsConstructor
public class User implements Serializable {private Integer id; // 主键Idprivate String email; // 邮箱private String password; // 密码 md5+盐/* @DateTimeFormat(pattern = "yyyy-MM-dd HH:mm")*/private LocalDateTime activationTime; // 激活失效时间private String confirmCode; // 确认代码private Integer isVaild; // 是否可用 0-不可用 1-可用private String salt; // 加密盐/*@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm")
*/private LocalDateTime gmtCreate; // 创建时间/*@DateTimeFormat(pattern = "yyyy-MM-dd HH:mm")
*/private LocalDateTime gmtModified; // 修改时间
}

mapper

主要通过mybatis来写一些与user相关的sql语句

package com.expamle.emailloginregister.mapper;import com.expamle.emailloginregister.pojo.User;
import org.apache.ibatis.annotations.*;import java.util.List;@Mapper
public interface UserMapper {/*** 注册插入用户信息* */@Insert("insert into user(email,password,activation_time,confirm_code,is_vaild,salt,gmt_create,gmt_modified)" +"values(#{email},#{password},#{activationTime},#{confirmCode},#{isVaild},#{salt},#{gmtCreate},#{gmtModified})")int insertUser(User user);/*** 根据confirm_code查询与用户是否已激活* confirm_code* is_vaild* */@Select("select email,activation_time from user where confirm_code = #{confirmCode} and is_vaild = 0")User findUserByConfirmCode(@Param("confirmCode") String confirmCode);/*** 根据激活码查询用户 并 修改状态值* */@Update("update user set is_vaild=1 where confirm_code = #{confirmCode}")int confirmUser(@Param("confirmCode") String confirmCode);/*** 根据邮箱查询账号* */@Select("select email,password,salt from user where email=#{email} and is_vaild=1")List findUserByEmail(@Param("email") String email);/*** 用户查重* */@Select("select count(*) from user where email=#{email} limit 1")int emailExist(@Param("email") String email);
}

Controller

与前端页面进行交互，负责一个登录，注册数据的提交和响应

SystemController

package com.expamle.emailloginregister.controller;import com.expamle.emailloginregister.pojo.User;
import com.expamle.emailloginregister.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;/**
*@Controller 不可使用RestControoler
*使用RestController要进行一个封装
*/
@Controller
public class SystemController {@Autowiredprivate UserService userService;/*** 登录* */@GetMapping("/login")public String login(){return "login";}/*** 注册* */@GetMapping("/registry")public String registry(User user){return "registry";}
}

UserController

package com.expamle.emailloginregister.controller;import com.expamle.emailloginregister.pojo.User;
import com.expamle.emailloginregister.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;import java.util.Map;@RestController
@RequestMapping("users")
public class UserController {
@Autowiredprivate UserService userService;/*** 注册账号* */@PostMapping("register")public Map registery(User user){Map map  =  userService.createAccount(user);return map;}/*** 用户登录* */@PostMapping("login")public Map login(User user){Map map = userService.accountLogin(user);return map;}/*** 账号激活* 激活码附在请求后** */@GetMapping("activation")public Map activationAccount(String confirmCode){Map map = userService.activationAccount(confirmCode);return map;}
}

service

先写俩个接口，在Impl中进行实现，
EmailServiceImpl

package com.expamle.emailloginregister.service;public interface EmailService {void sendEmail(String email,String activationUrl);}

实现sendEmail

package com.expamle.emailloginregister.service.Impl;import com.expamle.emailloginregister.service.EmailService;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.mail.javamail.JavaMailSender;
import org.springframework.mail.javamail.MimeMessageHelper;
import org.springframework.stereotype.Service;
import org.thymeleaf.TemplateEngine;
import org.thymeleaf.context.Context;import javax.annotation.Resource;
import javax.mail.MessagingException;
import javax.mail.internet.MimeMessage;
import java.util.Date;/*** 发送邮件相关业务* */
@Service
public class EmailServiceImpl implements EmailService {// 引入配置文件属性@Value("${spring.mail.username}")private String sendUsername;// javamain mail依赖方法---此方法无法使用autowird注入，javaMailSender不是springboot的方法@Resourceprivate JavaMailSender javaMailSender;@Resource //同上private TemplateEngine templateEngine;public void sendEmail(String email,String activationUrl){// 创建邮件对象MimeMessage mimeMessage = javaMailSender.createMimeMessage();try {/*** MineMessagehelper---设置邮件相关内容* @Params1 邮件对象* @Params2 是否发送多封邮件* */MimeMessageHelper message = new MimeMessageHelper(mimeMessage,true);// 设置邮件主题message.setSubject("注册账号激活");// 设置邮件发送者message.setFrom(sendUsername);// 设置邮件接收者，可多个message.setTo(email);// 设置邮件抄送人/* message.setCc();*/// 设置邮件隐秘抄送人,可多个/*message.setBcc();*/// 设置邮件发送日期message.setSentDate(new Date());// 创建上下文环境--thym依赖提供方法，使用当前本地前端Context context = new Context();// 邮件中传递的链接context.setVariable("activationUrl",activationUrl);// 映射html文件String text = templateEngine.process("activation-account.html",context);// 设置邮件正文-true-是否是html模板message.setText(text,true);} catch (MessagingException e) {e.printStackTrace();}// 发送邮件javaMailSender.send(mimeMessage);}
}

UserService

package com.expamle.emailloginregister.service;import com.expamle.emailloginregister.pojo.User;
import org.springframework.transaction.annotation.Transactional;import java.util.Map;@Transactional
public interface UserService {Map createAccount(User user);Map accountLogin(User user);Map activationAccount(String confirmCode);
}

具体实现

package com.expamle.emailloginregister.service.Impl;import cn.hutool.core.util.IdUtil;
import cn.hutool.core.util.RandomUtil;
import cn.hutool.crypto.SecureUtil;
import com.expamle.emailloginregister.mapper.UserMapper;
import com.expamle.emailloginregister.pojo.User;
import com.expamle.emailloginregister.service.EmailService;
import com.expamle.emailloginregister.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import java.time.LocalDateTime;
import java.util.HashMap;
import java.util.List;
import java.util.Map;@Service
public class UserServiceImpl implements UserService {@Autowiredprivate UserMapper userMapper;@Autowiredprivate EmailService emailService;/*** 用户注册* */@Overridepublic Map createAccount(User user) {// 统一返回对象Map result = new HashMap<>();/*** 注册--构建User对象内的数据*  前端返回参数 email、password* */// 判断邮箱是否已经存在int emailExist = userMapper.emailExist(user.getEmail());if (emailExist == 1){result.put("code",400);result.put("msg","用户已存在");return result;}//开始构建user数据// 激活码--hutool工具生成雪花算法String confirmCode = IdUtil.getSnowflake(1,1).nextIdStr();user.setConfirmCode(confirmCode);// 加密密码  password+盐+md5String password = user.getPassword();String salt = RandomUtil.randomString(6); // hutool随机生成6个字符String md5Pwd = SecureUtil.md5(password+salt);// 设置user参数、salt、passworduser.setSalt(salt);user.setPassword(md5Pwd);// 是否已激活 默认-0 未激活user.setIsVaild(0);// 激活码有效期LocalDateTime activationTime = LocalDateTime.now().plusDays(1); // 当前时间增加1天时间user.setActivationTime(activationTime);// 创建时间LocalDateTime nowTime = LocalDateTime.now();user.setGmtCreate(nowTime);user.setGmtModified(nowTime);// 用户信息插入数据库int insertUser = userMapper.insertUser(user);// 判断数据库写入是否成功并返回相关信息if (insertUser > 0){// 准备激活链接String activationUrl ="http://localhost:8001/users/activation?confirmCode="+confirmCode;//发送邮箱信息emailService.sendEmail(user.getEmail(), activationUrl);result.put("code",200);result.put("msg","注册成功，请前往邮箱激活账号");return result;}else{result.put("code",400);result.put("msg","注册失败");return result;}}public static void main(String[] args) {String a = SecureUtil.md5("123456"+"qldp40");System.out.println(a);}/*** 用户登录* */@Overridepublic Map accountLogin(User user) {// 统一返回数据Map result = new HashMap<>();// 前端数据校验if (user.getEmail() == null || user.getEmail().isEmpty() ||user.getPassword() == null || user.getPassword().isEmpty()){result.put("code",400);result.put("msg","请输入账号和密码");return result;}// 查询用户是否在数据库中List users = userMapper.findUserByEmail(user.getEmail());// 判断用户是否异常if (users == null || users.isEmpty()){result.put("code",400);result.put("msg","账号未注册或未激活");return result;}// 查询出多个账号if (users.size()>1){result.put("code",400);result.put("msg","账号异常请联系管理员");return result;}// 得到唯一用户-判断账号是否激活User DbUser = users.get(0);// 校验密码-获取加密数据String salt = DbUser.getSalt();String md5Pwd = SecureUtil.md5(user.getPassword()+salt);/*** DbUser.getPassword().equals(md5Pwd)---可以匹配* md5Pwd.equals(DbUser.getPassword())---无法匹配 ??????* */if (DbUser.getPassword().equals(md5Pwd)){result.put("code",200);result.put("msg","登录成功");return result;}else {result.put("code",400);result.put("msg","账号或密码有误");return result;}}/*** 激活账号* */@Overridepublic Map activationAccount(String confirmCode) {// 统一返回参数Map map = new HashMap<>();// 通过confirmCount查询用户User user = userMapper.findUserByConfirmCode(confirmCode);System.out.println(user.toString());if (user == null ){map.put("code",400);map.put("msg","账号未注册");return map;}// 判断激活码有效期// 当前时间是否在激活码截止期之后boolean after = LocalDateTime.now().isAfter(user.getActivationTime());if (after){map.put("code",400);map.put("msg","链接已失效，请重新获取激活码");return map;}// 激活账号，修改状态为 1int confirmUser = userMapper.confirmUser(confirmCode);if (confirmUser == 1){map.put("code",200);map.put("msg","激活账号成功");return map;}else{map.put("code",400);map.put("msg","激活账号失败");return map;}}
}

最后

码云完整代码及部署教程：
https://gitee.com/Vamye/LoginDemo

参考b站视频：马士兵教程