Spring Boot项目登陆页面记住密码功能——Cookie

红太狼 2022-11-07 11:32 363阅读 0赞

一、Cookie 的简介

  Cookie，一种储存在用户本地终端上的数据，有时也用其复数形式 Cookies。类型为“小型文本文件”，是某些网站为了辨别用户身份，进行 Session 跟踪而储存在用户本地终端上的数据（通常经过加密），由用户客户端计算机暂时或永久保存的信息。

  其实 Cookie 就是一个键和一个值构成的，随着服务器端的响应发送给客户端浏览器。然后客户端浏览器会把 Cookie 保存起来，当下一次再访问服务器时把 Cookie 再发送给服务器。

  • 1、Cookie 是 HTTP 协议的规范之一，它是服务器和客户端之间传输的小数据
  • 2、首先由服务器通过响应头把 Cookie 传输给客户端，客户端会将 Cookie 保存起来
  • 3、当客户端再次请求同一服务器时，客户端会在请求头中添加该服务器保存的 Cookie，发送给服务器
  • 4、Cookie 就是服务器保存在客户端的数据
  • 5、Cookie 就是一个键值对

在这里插入图片描述

二、使用步骤

  1. // Cookie 为键值对数据格式
  2. Cookie cookie_username = new Cookie("cookie_username", username);

2、设置 Cookie 持久时间

  1. // 即：过期时间，单位是：秒（s）
  2. cookie_username.setMaxAge(30 * 24 * 60 * 60);

3、设置 Cookie 共享路径

  1. // 表示当前项目下都携带这个cookie
  2. cookie_username.setPath(request.getContextPath());
  1. // 使用 HttpServletResponse 对象向客户端发送 Cookie
  2. response.addCookie(cookie_username);
  1. // 根据 key 将 value 置空
  2. Cookie cookie_username = new Cookie("cookie_username", "");
  3. // 设置持久时间为0
  4. cookie_username.setMaxAge(0);
  5. // 设置共享路径
  6. cookie_username.setPath(request.getContextPath());
  7. // 向客户端发送 Cookie
  8. response.addCookie(cookie_username);

三、案例分析

  上面我们已经了解了 Cookie 是什么，并且知道了 Cookie 的创建以及销毁的方法，下面，我们就使用 Cookie 实现记住登录状态的功能，整个项目基于 SpringBoot 实现

  温馨提示：注重Cookie部分代码即可，其他实体类等那些根据你自己的去弄。

bean层：

  1. package com.example.business.bean;
  3. import java.io.Serializable;
  5. /** * tp_user * @author */
  6. public class TpUserBean implements Serializable { 
  7.     private Integer id;
  9.     private String appId;
  11.     private String userid;
  13.     private String username;
  15.     private String password;
  17.     /** * 组ID */
  18.     private Short role;
  20.     /** * 状态 1:启用 0:禁止 */
  21.     private Boolean status;
  23.     /** * 备注说明 */
  24.     private String remark;
  26.     /** * 最后登录时间 */
  27.     private Long lastLoginTime;
  29.     /** * 最后登录IP */
  30.     private String lastLoginIp;
  32.     /** * 最后登录位置 */
  33.     private String lastLocation;
  35.     private String sessionid;
  37.     private static final long serialVersionUID = 1L;
  39.     public Integer getId() { 
  40.         return id;
  41.     }
  43.     public void setId(Integer id) { 
  44.         this.id = id;
  45.     }
  47.     public String getAppId() { 
  48.         return appId;
  49.     }
  51.     public void setAppId(String appId) { 
  52.         this.appId = appId;
  53.     }
  55.     public String getUserid() { 
  56.         return userid;
  57.     }
  59.     public void setUserid(String userid) { 
  60.         this.userid = userid;
  61.     }
  63.     public String getUsername() { 
  64.         return username;
  65.     }
  67.     public void setUsername(String username) { 
  68.         this.username = username;
  69.     }
  71.     public String getPassword() { 
  72.         return password;
  73.     }
  75.     public void setPassword(String password) { 
  76.         this.password = password;
  77.     }
  79.     public Short getRole() { 
  80.         return role;
  81.     }
  83.     public void setRole(Short role) { 
  84.         this.role = role;
  85.     }
  87.     public Boolean getStatus() { 
  88.         return status;
  89.     }
  91.     public void setStatus(Boolean status) { 
  92.         this.status = status;
  93.     }
  95.     public String getRemark() { 
  96.         return remark;
  97.     }
  99.     public void setRemark(String remark) { 
  100.         this.remark = remark;
  101.     }
  103.     public Long getLastLoginTime() { 
  104.         return lastLoginTime;
  105.     }
  107.     public void setLastLoginTime(Long lastLoginTime) { 
  108.         this.lastLoginTime = lastLoginTime;
  109.     }
  111.     public String getLastLoginIp() { 
  112.         return lastLoginIp;
  113.     }
  115.     public void setLastLoginIp(String lastLoginIp) { 
  116.         this.lastLoginIp = lastLoginIp;
  117.     }
  119.     public String getLastLocation() { 
  120.         return lastLocation;
  121.     }
  123.     public void setLastLocation(String lastLocation) { 
  124.         this.lastLocation = lastLocation;
  125.     }
  127.     public String getSessionid() { 
  128.         return sessionid;
  129.     }
  131.     public void setSessionid(String sessionid) { 
  132.         this.sessionid = sessionid;
  133.     }
  135.     @Override
  136.     public boolean equals(Object that) { 
  137.         if (this == that) { 
  138.             return true;
  139.         }
  140.         if (that == null) { 
  141.             return false;
  142.         }
  143.         if (getClass() != that.getClass()) { 
  144.             return false;
  145.         }
  146.         TpUserBean other = (TpUserBean) that;
  147.         return (this.getId() == null ? other.getId() == null : this.getId().equals(other.getId()))
  148.             && (this.getAppId() == null ? other.getAppId() == null : this.getAppId().equals(other.getAppId()))
  149.             && (this.getUserid() == null ? other.getUserid() == null : this.getUserid().equals(other.getUserid()))
  150.             && (this.getUsername() == null ? other.getUsername() == null : this.getUsername().equals(other.getUsername()))
  151.             && (this.getPassword() == null ? other.getPassword() == null : this.getPassword().equals(other.getPassword()))
  152.             && (this.getRole() == null ? other.getRole() == null : this.getRole().equals(other.getRole()))
  153.             && (this.getStatus() == null ? other.getStatus() == null : this.getStatus().equals(other.getStatus()))
  154.             && (this.getRemark() == null ? other.getRemark() == null : this.getRemark().equals(other.getRemark()))
  155.             && (this.getLastLoginTime() == null ? other.getLastLoginTime() == null : this.getLastLoginTime().equals(other.getLastLoginTime()))
  156.             && (this.getLastLoginIp() == null ? other.getLastLoginIp() == null : this.getLastLoginIp().equals(other.getLastLoginIp()))
  157.             && (this.getLastLocation() == null ? other.getLastLocation() == null : this.getLastLocation().equals(other.getLastLocation()))
  158.             && (this.getSessionid() == null ? other.getSessionid() == null : this.getSessionid().equals(other.getSessionid()));
  159.     }
  161.     @Override
  162.     public int hashCode() { 
  163.         final int prime = 31;
  164.         int result = 1;
  165.         result = prime * result + ((getId() == null) ? 0 : getId().hashCode());
  166.         result = prime * result + ((getAppId() == null) ? 0 : getAppId().hashCode());
  167.         result = prime * result + ((getUserid() == null) ? 0 : getUserid().hashCode());
  168.         result = prime * result + ((getUsername() == null) ? 0 : getUsername().hashCode());
  169.         result = prime * result + ((getPassword() == null) ? 0 : getPassword().hashCode());
  170.         result = prime * result + ((getRole() == null) ? 0 : getRole().hashCode());
  171.         result = prime * result + ((getStatus() == null) ? 0 : getStatus().hashCode());
  172.         result = prime * result + ((getRemark() == null) ? 0 : getRemark().hashCode());
  173.         result = prime * result + ((getLastLoginTime() == null) ? 0 : getLastLoginTime().hashCode());
  174.         result = prime * result + ((getLastLoginIp() == null) ? 0 : getLastLoginIp().hashCode());
  175.         result = prime * result + ((getLastLocation() == null) ? 0 : getLastLocation().hashCode());
  176.         result = prime * result + ((getSessionid() == null) ? 0 : getSessionid().hashCode());
  177.         return result;
  178.     }
  180.     @Override
  181.     public String toString() { 
  182.         StringBuilder sb = new StringBuilder();
  183.         sb.append(getClass().getSimpleName());
  184.         sb.append(" [");
  185.         sb.append("Hash = ").append(hashCode());
  186.         sb.append(", id=").append(id);
  187.         sb.append(", appId=").append(appId);
  188.         sb.append(", userid=").append(userid);
  189.         sb.append(", username=").append(username);
  190.         sb.append(", password=").append(password);
  191.         sb.append(", role=").append(role);
  192.         sb.append(", status=").append(status);
  193.         sb.append(", remark=").append(remark);
  194.         sb.append(", lastLoginTime=").append(lastLoginTime);
  195.         sb.append(", lastLoginIp=").append(lastLoginIp);
  196.         sb.append(", lastLocation=").append(lastLocation);
  197.         sb.append(", sessionid=").append(sessionid);
  198.         sb.append(", serialVersionUID=").append(serialVersionUID);
  199.         sb.append("]");
  200.         return sb.toString();
  201.     }
  202. }

mapper层：

  1. package com.example.business.mapper;
  3. import com.example.business.bean.TpUserBean;
  4. import org.apache.ibatis.annotations.Param;
  5. import org.springframework.stereotype.Repository;
  7. /** * TpUserMapper继承基类 */
  8. @Repository
  9. public interface TpUserMapper extends MyBatisBaseDao<TpUserBean, Integer> { 
  11.     /** * 查询用户登录信息 * * @param userName 用户名 * @return */
  12.     public TpUserBean selectUserNameAndPassword(@Param("userName") String userName);
  13. }

controller层：
在这里插入图片描述

html：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <link rel="stylesheet" href="layui/css/layui.css" type="text/css"></link>
  8. <style> * { padding: 0; margin: 0; } body { background-color: #ccc; background-size: 100% 100%; } .layui-container { width: 100%; } .layui-row { text-align: center; } .layui-row h1 { color: black; margin-top: 3%; font-size: 100px; font-family: FZShuTi; } .layui-form { background: white; padding: 12% 12% 12% 0; } #forget_passward { cursor: pointer; float: right; line-height: 36px; color: #666; } </style>
  10. <body>
  11. <div class="layui-container" onkeydown="Loginbtn()">
  12.     <div class="layui-row">
  13.         <h1>后 台 管 理 系 统</h1>
  14.     </div>
  15.     <div class="layui-row">
  16.         <div class="layui-col-lg3 layui-col-md3 layui-col-sm3" style="margin-top: 5%;margin-left: 38%">
  17.             <form id="formLogin" class="layui-form" action="login" onkeydown="" method="post">
  18.                 <div class="layui-form-item">
  19.                     <label class="layui-form-label">
  20.                         <i class="layui-icon layui-icon-username" style="font-size: 32px;"></i>
  21.                     </label>
  22.                     <div class="layui-input-block">
  23.                         <input type="text" id="username" name="username" required lay-verify="required" placeholder="请输入账户" autocomplete="off" class="layui-input">
  24.                     </div>
  25.                 </div>
  26.                 <div class="layui-form-item">
  27.                     <label class="layui-form-label">
  28.                         <i class="layui-icon layui-icon-password" style="font-size: 32px;"></i>
  29.                     </label>
  30.                     <div class="layui-input-block">
  31.                         <input type="password" id="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
  32.                     </div>
  33.                 </div>
  34.                 <div class="layui-form-item">
  35.                     <div class="layui-input-block" style="margin-left: 70px;text-align: left;">
  36.                         <input type="checkbox" id="remember" name="remember" title="记住我" lay-skin="primary">
  37.                         <span><a href="#" id="forget_passward">忘记密码？</a></span>
  38.                     </div>
  39.                 </div>
  40.                 <div class="layui-form-item" style="padding-left: 13%;">
  41.                     <div class="layui-btn-container">
  42.                         <button type="button" class="layui-btn" id="btnLogin" lay-submit style="width: 100%;">登 录
  43.                         </button>
  44.                     </div>
  45.                 </div>
  46.             </form>
  47.         </div>
  48.     </div>
  49. </div>
  51. <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
  52. <script type="text/javascript" src="js/jquery.form.js"></script>
  53. <script type="text/javascript" src="layui/layui.js"></script>
  55. <script> layui.use('form', function () { var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 //登录按钮点击事件 $("#btnLogin").click(function () { var username = $("#username").val(); var password = $("#password").val(); $("#formLogin").ajaxSubmit(function (data) { if (data.code != "200") { layer.alert(data.text, { offset: '150px', icon: 2}); } else { layer.msg("登录成功！", { offset: '150px'}); setTimeout(function () { window.location.href = "toUrl?page=main&"+$("#username").val();//将用户名也传过去 }, 1000); } }); }); var cookies = document.cookie.split(';'); //获取cookie function getCookie(mkey) { for (var i = 0; i < cookies.length; i++) { var kv = cookies[i].split('='); if (kv[0].trim() == mkey) { return kv[1].trim(); } } return ''; } //获取cookie回显 window.onload = function () { var username = getCookie("cookie_username"); var password = getCookie("cookie_password"); var remember = getCookie("cookie_remember"); if (remember == '1') { $("#username").val(username); $("#password").val(password); $("#remember").prop("checked", true); form.render();//重新渲染才能显示出来 // $.each($("input[type='checkbox']"), function (i, e) { // $(e).prop("checked", true); //false为取消√，true为勾选 // form.render();//重新渲染才能显示出来 // }) } } }); //按Enter登录 function Loginbtn() { if (window.event.keyCode == 13) { document.all('btnLogin').click(); } } </script>
  57. </body>
  58. </html>

interceptor（拦截器）：

  1. package com.example.business.interceptor;
  3. import com.example.business.bean.TpUserBean;
  4. import org.slf4j.Logger;
  5. import org.slf4j.LoggerFactory;
  6. import org.springframework.web.servlet.HandlerInterceptor;
  7. import org.springframework.web.servlet.ModelAndView;
  9. import javax.servlet.http.HttpServletRequest;
  10. import javax.servlet.http.HttpServletResponse;
  11. import javax.servlet.http.HttpSession;
  13. /** * 登录拦截器 判断用户是否登录 */
  14. public class LoginInterceptor implements HandlerInterceptor { 
  16.     // 声明slf4j日志打印log
  17.     private static final Logger log = LoggerFactory.getLogger(LoginInterceptor.class);
  19.     @Override
  20.     public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler)
  21.             throws Exception { 
  22.         log.info("登录拦截器执行了...");
  24.         // 获取请求的url
  25.         String url = request.getRequestURI();
  26.         // 判断url是否是公开地址(实际使用时将公开地址配置在配置文件中)
  27.         // 这里公开地址是登录提交的地址和验证码是公开地址
  28.         if (url.indexOf("toLogin") >= 0 || url.indexOf("validateCode") >= 0 || url.indexOf("login") >= 0
  29.                 || url.indexOf("app") >= 0 || url.indexOf("css") >= 0 || url.indexOf("images") >= 0
  30.                 || url.indexOf("js") >= 0 || url.indexOf("layui") >= 0) { 
  31.             log.info("公开地址" + url.toString() + "，放行");
  32.             return true;
  33.         }
  34.         HttpSession session = request.getSession();
  35.         // 从session取出用户信息
  36.         TpUserBean tpUserBean = (TpUserBean) session.getAttribute("user");
  37.         // 验证是否存在用户信息，存在即放行
  38.         if (tpUserBean != null) { 
  39.             log.info("存在用户信息，放行");
  40.             return true;
  41.         }
  42.         // 执行到这里表示用户身份需要认证，跳转登录页面
  43.         log.info("用户信息不存在，用户未登录，身份验证失败！即将跳转跳转登录界面！！！");
  44.         request.getRequestDispatcher("toLogin").forward(request, response);
  45.         return false;
  46.     }
  48.     @Override
  49.     public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler,
  50.                            ModelAndView modelAndView) throws Exception { 
  52.     }
  54.     @Override
  55.     public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex)
  56.             throws Exception { 
  58.     }
  60. }

WebMvcConfigurer 配置拦截：

  1. package com.example.business.config;
  3. import com.example.business.interceptor.LoginInterceptor;
  4. import org.springframework.context.annotation.Configuration;
  5. import org.springframework.web.servlet.config.annotation.InterceptorRegistration;
  6. import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
  7. import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
  9. @Configuration
  10. public class LoginConfig implements WebMvcConfigurer { 
  12.     @Override
  13.     public void addInterceptors(InterceptorRegistry registry) { 
  14.         //注册TestInterceptor拦截器
  15.         InterceptorRegistration registration = registry.addInterceptor(new LoginInterceptor());
  16.         registration.addPathPatterns("/**");                      //所有路径都被拦截
  17.         registration.excludePathPatterns(                         //添加不拦截路径
  18.                                          "toLogin",            //登录
  19.                                          ".html",            //html静态资源
  20.                                          ".js",              //js静态资源
  21.                                          ".css"             //css静态资源
  22.                                          );
  23.     }
  24. }

四、总结

  以上就是 SpringBoot 中使用 Cookie 实现记住登录功能，在项目中还算是比较实用的功能，希望能对正在阅读的你一点点帮助和启发

发表评论

表情：
评论列表 （有 0 条评论，363人围观）

还没有评论，来说两句吧...

相关阅读