赞
踩
1、通过邮件激活注册账号
进入注册页面,填写好账号密码和邮箱,点击立即注册。
注册: 后端接收到请求后,先进行空值判断、邮箱或账号是否已存在,过了这一关后将用户的密码+盐进行md5加密并将其和其他相关信息封装后持久化到数据库,接下来再就是通过JavaMailSender和thymleaf模板引擎发送html激活邮件,邮件中附带用户在数据库存储的id和激活码。
- @RequestMapping(path = "/register", method = RequestMethod.POST)
- public String register(Model model, User user) {
- Map<String, Object> map = userService.register(user);
- if (map == null || map.isEmpty()) {
- model.addAttribute("msg", "注册成功,我们已经向您的邮箱发送了一封激活邮件,请尽快激活!");
- model.addAttribute("target", "/index");
- return "/site/operate-result";
- } else {
- model.addAttribute("usernameMsg", map.get("usernameMsg"));
- model.addAttribute("passwordMsg", map.get("passwordMsg"));
- model.addAttribute("emailMsg", map.get("emailMsg"));
- return "/site/register";
- }
- }
- public Map<String, Object> register(User user) {
- Map<String, Object> map = new HashMap<>();
-
- // 空值处理
- if (user == null) {
- throw new IllegalArgumentException("参数不能为空!");
- }
- if (StringUtils.isBlank(user.getUsername())) {
- map.put("usernameMsg", "账号不能为空!");
- return map;
- }
- if (StringUtils.isBlank(user.getPassword())) {
- map.put("passwordMsg", "密码不能为空!");
- return map;
- }
- if (StringUtils.isBlank(user.getEmail())) {
- map.put("emailMsg", "邮箱不能为空!");
- return map;
- }
-
- // 验证账号
- User u = userMapper.selectByName(user.getUsername());
- if (u != null) {
- map.put("usernameMsg", "该账号已存在!");
- return map;
- }
-
- // 验证邮箱
- u = userMapper.selectByEmail(user.getEmail());
- if (u != null) {
- map.put("emailMsg", "该邮箱已被注册!");
- return map;
- }
-
- // 注册用户
- user.setSalt(CommunityUtil.generateUUID().substring(0, 5));
- user.setPassword(CommunityUtil.md5(user.getPassword() + user.getSalt()));
- user.setType(0);
- user.setStatus(0);
- user.setActivationCode(CommunityUtil.generateUUID());
- user.setHeaderUrl(String.format("http://images.nowcoder.com/head/%dt.png", new Random().nextInt(1000)));
- user.setCreateTime(new Date());
- userMapper.insertUser(user);
-
- // 激活邮件
- Context context = new Context();
- context.setVariable("email", user.getEmail());
- // http://localhost:8080/community/activation/101/code
- String url = domain + contextPath + "/activation/" + user.getId() + "/" + user.getActivationCode();
- context.setVariable("url", url);
- String content = templateEngine.process("/mail/activation", context);
- mailClient.sendMail(user.getEmail(), "激活账号", content);
- return map;
- }
![](https://csdnimg.cn/release/blogv2/dist/pc/img/newCodeMoreWhite.png)
激活:
后端收到激活请求后,将激活请求中携带的激活码和用户id拿去和数据库比对,如果激活码配对上了就将数据库中用户的状态从0更新为1,此时此用户账号激活了之后可以正常使用。
- // http://localhost:8080/community/activation/101/code
- @RequestMapping(path = "/activation/{userId}/{code}", method = RequestMethod.GET)
- public String activation(Model model, @PathVariable("userId") int userId, @PathVariable("code") String code) {
- int result = userService.activation(userId, code);
- if (result == ACTIVATION_SUCCESS) {
- model.addAttribute("msg", "激活成功,您的账号已经可以正常使用了!");
- model.addAttribute("target", "/login");
- } else if (result == ACTIVATION_REPEAT) {
- model.addAttribute("msg", "无效操作,该账号已经激活过了!");
- model.addAttribute("target", "/index");
- } else {
- model.addAttribute("msg", "激活失败,您提供的激活码不正确!");
- model.addAttribute("target", "/index");
- }
- return "/site/operate-result";
- }
![](https://csdnimg.cn/release/blogv2/dist/pc/img/newCodeMoreWhite.png)
- public int activation(int userId, String code) {
- User user = userMapper.selectById(userId);
- if (user.getStatus() == 1) {
- return ACTIVATION_REPEAT;
- } else if (user.getActivationCode().equals(code)) {
- userMapper.updateStatus(userId, 1);
- clearCache(userId);
- return ACTIVATION_SUCCESS;
- } else {
- return ACTIVATION_FAILURE;
- }
- }
数据库中数据发生变动,将之前redis中的缓存清除
- // 3.数据变更时清除缓存数据
- private void clearCache(int userId) {
- String redisKey = RedisKeyUtil.getUserKey(userId);
- redisTemplate.delete(redisKey);
- }
2、登录退出功能
切换到登录页面第一件事就是去获取验证码
后端收到获取验证码请求后会通过kaptchaProducer生成验证码和验证码图片,将验证码的归属存入cookie设置进response中,再将验证码存入缓存中,最后将验证码图片通过response输出到页面。
- @RequestMapping(path = "/kaptcha", method = RequestMethod.GET)
- public void getKaptcha(HttpServletResponse response/*, HttpSession session*/) {
- // 生成验证码
- String text = kaptchaProducer.createText();
- BufferedImage image = kaptchaProducer.createImage(text);
-
- // 将验证码存入session
- // session.setAttribute("kaptcha", text);
-
- // 验证码的归属
- String kaptchaOwner = CommunityUtil.generateUUID();
- Cookie cookie = new Cookie("kaptchaOwner", kaptchaOwner);
- cookie.setMaxAge(60);
- cookie.setPath(contextPath);
- response.addCookie(cookie);
- // 将验证码存入Redis
- String redisKey = RedisKeyUtil.getKaptchaKey(kaptchaOwner);
- redisTemplate.opsForValue().set(redisKey, text, 60, TimeUnit.SECONDS);
-
- // 将突图片输出给浏览器
- response.setContentType("image/png");
- try {
- OutputStream os = response.getOutputStream();
- ImageIO.write(image, "png", os);
- } catch (IOException e) {
- logger.error("响应验证码失败:" + e.getMessage());
- }
- }
![](https://csdnimg.cn/release/blogv2/dist/pc/img/newCodeMoreWhite.png)
获取到验证码以后是这个样子的
填好验证码后点击登录,发送post请求。
后端收到登录请求以后,首先会从cookie中获取验证码的归属值,通过验证码的归属值从缓存中取出验证码来,再跟用户输入的验证码比对成功则往下进行,通过用过输入的用户名从数据库中查询出这个用户来,然后用此用户的密码比对用户输入的密码,如果配对成功则生成一个登录凭证存入数据库,再存入缓存,最后再存入cookie里设置进response中,接下来再转发请求到主页。
- @RequestMapping(path = "/login", method = RequestMethod.POST)
- public String login(String username, String password, String code, boolean rememberme,
- Model model, /*HttpSession session, */HttpServletResponse response,
- @CookieValue("kaptchaOwner") String kaptchaOwner) {
- // 检查验证码
- // String kaptcha = (String) session.getAttribute("kaptcha");
- String kaptcha = null;
- if (StringUtils.isNotBlank(kaptchaOwner)) {
- String redisKey = RedisKeyUtil.getKaptchaKey(kaptchaOwner);
- kaptcha = (String) redisTemplate.opsForValue().get(redisKey);
- }
-
- if (StringUtils.isBlank(kaptcha) || StringUtils.isBlank(code) || !kaptcha.equalsIgnoreCase(code)) {
- model.addAttribute("codeMsg", "验证码不正确!");
- return "/site/login";
- }
-
- // 检查账号,密码
- int expiredSeconds = rememberme ? REMEMBER_EXPIRED_SECONDS : DEFAULT_EXPIRED_SECONDS;
- Map<String, Object> map = userService.login(username, password, expiredSeconds);
- if (map.containsKey("ticket")) {
- Cookie cookie = new Cookie("ticket", map.get("ticket").toString());
- cookie.setPath(contextPath);
- cookie.setMaxAge(expiredSeconds);
- response.addCookie(cookie);
- return "redirect:/index";
- } else {
- model.addAttribute("usernameMsg", map.get("usernameMsg"));
- model.addAttribute("passwordMsg", map.get("passwordMsg"));
- return "/site/login";
- }
- }
![](https://csdnimg.cn/release/blogv2/dist/pc/img/newCodeMoreWhite.png)
请求主页后,将page相关的信息进行封装,然后查询全部的帖子后附带查询出每个帖子的发布者和喜欢人数封装进一个个map整合起来放进数据模型,最后返回主页的路径。
- @RequestMapping(path = "/index", method = RequestMethod.GET)
- public String getIndexPage(Model model, Page page,
- @RequestParam(name = "orderMode", defaultValue = "0") int orderMode) {
- // 方法调用钱,SpringMVC会自动实例化Model和Page,并将Page注入Model.
- // 所以,在thymeleaf中可以直接访问Page对象中的数据.
- page.setRows(discussPostService.findDiscussPostRows(0));
- page.setPath("/index?orderMode=" + orderMode);
-
- List<DiscussPost> list = discussPostService
- .findDiscussPosts(0, page.getOffset(), page.getLimit(), orderMode);
- List<Map<String, Object>> discussPosts = new ArrayList<>();
- if (list != null) {
- for (DiscussPost post : list) {
- Map<String, Object> map = new HashMap<>();
- map.put("post", post);
- User user = userService.findUserById(post.getUserId());
- map.put("user", user);
-
- long likeCount = likeService.findEntityLikeCount(ENTITY_TYPE_POST, post.getId());
- map.put("likeCount", likeCount);
-
- discussPosts.add(map);
- }
- }
- model.addAttribute("discussPosts", discussPosts);
- model.addAttribute("orderMode", orderMode);
-
- return "/index";
- }
![](https://csdnimg.cn/release/blogv2/dist/pc/img/newCodeMoreWhite.png)
退出功能就是从请求中获取cookie里的登录凭证,用这个登录凭证从数据库中查出登录凭证对象,将它的状态设置为1使其失效。
- @RequestMapping(path = "/logout", method = RequestMethod.GET)
- public String logout(@CookieValue("ticket") String ticket) {
- userService.logout(ticket);
- SecurityContextHolder.clearContext();
- return "redirect:/login";
- }
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。