设为首页收藏本站
开启辅助访问

在路上

 找回密码
 立即注册
在路上 › 站点首页 ›学习 › 查看内容

java web中使用cookie记住用户的账号和密码

2017-3-7 12:51| 发布者: zhangjf| 查看: 1176| 评论: 0

摘要: 毕业设计中需要用到记住账号密码的功能，网上搜到了一个解决方案，自己稍加改造就是下面的方法。 首先是登录的页面,当用户勾选记住密码，传递给controller(我用的SSM框架)，后台设置cookie的值，然后下次登录的时候 ...

毕业设计中需要用到记住账号密码的功能，网上搜到了一个解决方案，自己稍加改造就是下面的方法。

首先是登录的页面,当用户勾选记住密码，传递给controller(我用的SSM框架)，后台设置cookie的值，然后下次登录的时候就不用再次输入账号和密码了。

login.jsp的代码:

  2. <%@page import="org.apache.commons.lang.StringUtils"%>
  3. <%@ page language="java" contentType="text/html; charset=UTF-8"
  4. pageEncoding="UTF-8"%>
  5. <%@include file="public/nocache.jsp" %>
  6. <%@include file="public/header.jsp" %>
  7. <!-- 引入相关的js -->
  8. <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
  9. <style>
  10. body{
  11. margin:0px;
  12. padding:0px;
  13. }
  14. .wrapper{
  15. width:100%;height:100%;position:fixed;
  16. }
  17. .content{
  18. width:100%;
  19. height:100%;
  20. position:relative;
  21. text-align:center;
  22. }
  23. .login{
  24. width:1050px;
  25. height:450px;
  26. position:absolute;
  27. top:50%;
  28. left:50%;
  29. margin-top:-225px;
  30. margin-left:-525px;
  31. }
  32. </style>
  33. <script type="text/javascript">
  34. window.history.forward();
  35. window.onbeforeunload=function (){
  36. }
  37. </script>
  38. <%@include file="public/headertop.jsp" %>
  39. <!-- 进入资源文件 -->
  40. <body>
  41. <%-- 读取cookie --%>
  42. <%
  43. String name = "";
  44. String password = "";
  45. try{
  46. Cookie[] cookies = request.getCookies();
  47. if(cookies!=null){
  48. for(int i = 0;i<cookies.length;i++){
  49. if(cookies[i].getName().equals("cookie_user")){
  50. String values = cookies[i].getValue();
  51. // 如果value字段不为空
  52. if(StringUtils.isNotBlank(values)){
  53. String[] elements = values.split("-");
  54. // 获取账户名或者密码
  55. if(StringUtils.isNotBlank(elements[0])){
  56. name = elements[0];
  57. }
  58. if(StringUtils.isNotBlank(elements[1])){
  59. password = elements[1];
  60. }
  61. }
  62. }
  63. }
  64. }
  65. }catch(Exception e){
  66. }
  67. %>
  68. <div class="wrapper" style="">
  69. <div class="content">
  70. <div class="login">
  71. <!-- 主要的内容部分开始 -->
  72. <div class="easyui-layout" fit="true" border="false">
  73. <div region="west" style="width:550px;text-align:center;" border="false">
  74. <div class="easyui-layout" fit="true" border="false">
  75. <div region="west" border="false" style="width:250px;height:390px;background:url(${pageContext.request.contextPath}/img/banner-jkrzbg.png)">
  76. </div>
  77. <div region="center" style="font-family:'微软雅黑';" border="false">
  78. <p style="position: relative;margin-top:200px;padding-left:20px;">
  79. <span style="font-size:30px;font-weight:800;">汽车维修管理系统</span><br/>
  80. <span>Vehicle Maintenance Management System</span>
  81. </p>
  82. </div>
  83. </div>
  84. </div>
  85. <div region="center" border="false" style="width:520px;height:480px;">
  86. <div class="easyui-layout" fit="true" border="false">
  87. <div region="north" style="height:80px;" border="false">
  88. </div>
  89. <div region="west" style="width:90px;position: relative;" border="false">
  90. <img src="${pageContext.request.contextPath}/img/split.png" style="position:absolute;left:0px;top:30px;"/>
  91. </div>
  92. <div region="center" border="false">
  93. <div class="easyui-panel" title="用户登录" iconCls="icon-user"
  94. style="text-align: center;width:300px;height:260px;padding-top:50px;">
  95. <form id="ff" method="post">
  96. <div>
  97. <input id="account" class="easyui-textbox" name="accountnumber"
  98. data-options="iconCls:'icon-man',prompt:'请输入用户名'" value="<%=name %>"
  99. style="width:240px;height:30px;">
  100. <a id="dd" href="#" title="用户的账号不能为空" class="easyui-tooltip"></a>
  101. </div>
  102. <div style="margin-top: 20px;">
  103. <input id="passwords" class="easyui-textbox" name="passwords" type="password"
  104. data-options="iconCls:'icon-lock',prompt:'请输入密码'" value="<%=password %>"
  105. style="width:240px;height:30px;">
  106. </div>
  107. <div style="margin-top: 10px;" style="text-align:left;" >
  108. <span style="float:left;padding-left:30px;font-size:12px;"><input id="flag" name="flag" type="checkbox" value="1" checked="checked" />记住账号</span>
  109. </div>
  110. <div style="clear:both;"></div>
  111. <div style="margin-top: 20px;">
  112. <p>
  113. <a href="#" id="submitbtn" style="width:80px;height:30px;" class="easyui-linkbutton" iconCls="icon-accept">登录</a>
  114. <a style="margin-left:30px;width:80px;height:30px;" href="#" class="easyui-linkbutton" iconCls="icon-arrow_undo">取消</a>
  115. </p>
  116. </div>
  117. </form>
  118. </div>
  119. </div>
  120. <div region="east" style="width:90px;" border="false">
  121. </div>
  122. <div region="south" style="height:0px;" border="false">
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. <!-- 主要的内容部分结束 -->
  128. </div>
  129. </div>
  130. </div>
  131. <script type="text/javascript">
  132. $(function(){
  133. console.log("[汽车维修管理系统n codeby：pengchann email:dntchenpeng@163.com n csdn:http://blog.csdn.net/w3chhhhhh/]");
  134. // 提交表单
  135. $("#submitbtn").click(function(){
  136. // 判断是否为空
  137. if($("#account").val()==""){
  138. $.messager.alert('登录消息提示','用户的账号不能为空','info');
  139. return;
  140. }
  141. if($("#passwords").val()==""){
  142. $.messager.alert('登录消息提示','用户的密码不能为空','info');
  143. return;
  144. }
  145. $("#ff").submit();
  146. });
  147. $('#ff').form({
  148. url:"${pageContext.request.contextPath}/users/login.html",
  149. success:function(data){
  150. data = JSON.parse(data);
  151. try{
  152. if(data.isError){
  153. $.messager.alert('登录消息提示',data.errorMsg,'info');
  154. }else{
  155. //$.messager.alert("登录消息提示","登录成功!",'info');
  156. // 如果成功，就跳转到主页面
  157. // 这里先判断是否有历史请求，如果有就再次访问之前的页面
  158. var hisurl = '${hisURL}';
  159. if(hisurl!=null&&hisurl.length>0){
  160. window.location.href="${pageContext.request.contextPath}"+hisurl;
  161. }else{
  162. window.location.href="${pageContext.request.contextPath}/index/main.html";
  163. }
  164. }
  165. }catch(e){
  166. $.messager.alert("登录消息提示",'服务器返回异常，请稍后重试!','info');
  167. }
  168. },
  169. error:function(error){
  170. $("#ff").form("clear");
  171. }
  172. });
  173. });
  174. </script>
  175. </body>
  176. </html>
复制代码

后台处理的java部分代码：

  2. package com.javaweb.controller;
  3. import javax.servlet.http.Cookie;
  4. import javax.servlet.http.HttpServletRequest;
  5. import javax.servlet.http.HttpServletResponse;
  6. import org.apache.commons.lang.StringUtils;
  7. import org.slf4j.Logger;
  8. import org.slf4j.LoggerFactory;
  9. import org.springframework.beans.factory.annotation.Autowired;
  10. import org.springframework.context.annotation.Scope;
  11. import org.springframework.stereotype.Controller;
  12. import org.springframework.ui.Model;
  13. import org.springframework.web.bind.annotation.PathVariable;
  14. import org.springframework.web.bind.annotation.RequestMapping;
  15. import org.springframework.web.bind.annotation.ResponseBody;
  16. import com.alibaba.fastjson.JSON;
  17. import com.javaweb.entity.Account;
  18. import com.javaweb.service.impl.ServiceFactory;
  19. import com.javaweb.utils.BaseController;
  20. import com.javaweb.views.LoginBean;
  21. /**
  22. * 用户信息控制器
  23. * @author cp
  24. *
  25. */
  26. @Controller
  27. @Scope("prototype")
  28. @RequestMapping("/users")
  29. public class UserInfoController extends BaseController{
  30. private static final Logger logger = LoggerFactory.getLogger(UserInfoController.class);
  31. @Autowired
  32. private ServiceFactory serviceFactory;
  33. /**
  34. * 登录系统
  35. * @param request 请求
  36. * @param model model
  37. * @param account 账户信息
  38. * @return
  39. */
  40. @RequestMapping("/login")
  41. @ResponseBody
  42. public String login(HttpServletRequest request,HttpServletResponse response,Model model,Account account){
  43. logger.info("用户尝试登录："+JSON.toJSONString(account));
  44. if(account==null){
  45. return responseFail("提交的参数为空!");
  46. }else{
  47. if(StringUtils.isBlank(account.getAccountnumber())){
  48. return responseFail("用户的账号为空");
  49. }
  50. if(StringUtils.isBlank(account.getPasswords())){
  51. return responseFail("用户的密码为空");
  52. }
  53. LoginBean loginBean = null;
  54. loginBean = serviceFactory.getUserValidateService().userislawable(account);
  55. if(loginBean==null){
  56. return responseFail("用户名或者密码输入不正确");
  57. }else{// 如果成功
  58. // 把loginbean放到session中
  59. request.getSession().setAttribute("user", loginBean);
  60. // 放到cookie中
  61. String flag = request.getParameter("flag");
  62. // 如果需要记住账户就存储账号和密码
  63. if(flag!=null&&flag.equals("1")){
  64. Cookie cookie = new Cookie("cookie_user",loginBean.getAccountnumber()+"-"+loginBean.getPasswords());
  65. cookie.setMaxAge(60*60*24*3);// 保存
  66. response.addCookie(cookie);
  67. logger.info("存储用户的cookie:"+loginBean.getAccountnumber()+"-"+loginBean.getPasswords());
  68. }else{// 如果没有要求记住账户密码，就保存账户
  69. Cookie cookie = new Cookie("cookie_user", loginBean.getAccountnumber());
  70. cookie.setMaxAge(60*60*24*30);
  71. response.addCookie(cookie);
  72. logger.info("存储用户的cookie:"+loginBean.getAccountnumber());
  73. }
  74. // 跳转到主页
  75. logger.info("用户："+loginBean.getAccountnumber()+"成功进入系统");
  76. return responseSuccess(loginBean, "登录成功");
  77. }
  78. }
  79. }
  80. /**
  81. * 退出系统登录
  82. * @param request 请求
  83. * @param model 模型
  84. * @param accountnum 账户号
  85. * @return
  86. */
  87. @RequestMapping("/{accountnum}/logout.html")
  88. public String logout(HttpServletRequest request,Model model,@PathVariable("accountnum") String accountnum){
  89. logger.info("用户"+accountnum+",退出系统登录...");
  90. // 设置session为空
  91. request.getSession().setAttribute("user", null);
  92. // 页面跳转
  93. return "login";
  94. }
  95. }
复制代码

运行效果：

输入账号密码登录后：

退出后重新登录：

以上所述是小编给大家介绍的java web中使用cookie记住用户的账号和密码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对程序员之家网站的支持！

收藏 邀请
上一篇：Java Array与ArrayList区别详解下一篇：Spring4.0 MVC请求json数据报406错误的解决方法

最新评论

相关分类

小黑屋|在路上 ( 蜀ICP备15035742号-1 )  

;

GMT+8, 2025-5-4 02:07

Copyright 2015-2025 djqfx

返回顶部