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

 更新时间:2017年01月10日 11:40:25   作者:xiaopengyaonixi  
这篇文章主要介绍了java web中使用cookie记住用户的账号和密码的相关资料,需要的朋友可以参考下

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

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

login.jsp的代码:

<%@page import="org.apache.commons.lang.StringUtils"%> 
<%@ page language="java" contentType="text/html; charset=UTF-8" 
 pageEncoding="UTF-8"%> 
<%@include file="public/nocache.jsp" %> 
<%@include file="public/header.jsp" %> 
<!-- 引入相关的js --> 
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script> 
<style> 
  body{ 
  margin:0px; 
  padding:0px; 
  } 
  .wrapper{ 
  width:100%;height:100%;position:fixed; 
  } 
  .content{ 
  width:100%; 
  height:100%; 
  position:relative;  
  text-align:center;  
  } 
  .login{ 
  width:1050px; 
  height:450px;   
  position:absolute; 
  top:50%; 
  left:50%; 
  margin-top:-225px; 
  margin-left:-525px; 
  } 
</style> 
<script type="text/javascript"> 
 window.history.forward(); 
 window.onbeforeunload=function (){ 
 } 
</script> 
<%@include file="public/headertop.jsp" %> 
<!-- 进入资源文件 --> 
<body> 
 <%-- 读取cookie --%> 
 <% 
  String name = ""; 
  String password = ""; 
  try{ 
   Cookie[] cookies = request.getCookies(); 
   if(cookies!=null){ 
    for(int i = 0;i<cookies.length;i++){ 
     if(cookies[i].getName().equals("cookie_user")){ 
      String values = cookies[i].getValue(); 
      // 如果value字段不为空 
      if(StringUtils.isNotBlank(values)){ 
       String[] elements = values.split("-"); 
       // 获取账户名或者密码 
       if(StringUtils.isNotBlank(elements[0])){ 
        name = elements[0]; 
       } 
       if(StringUtils.isNotBlank(elements[1])){ 
        password = elements[1]; 
       } 
      } 
     } 
    } 
   } 
  }catch(Exception e){ 
  } 
 %> 
 <div class="wrapper" style=""> 
   <div class="content"> 
   <div class="login"> 
    <!-- 主要的内容部分开始 --> 
    <div class="easyui-layout" fit="true" border="false"> 
      <div region="west" style="width:550px;text-align:center;" border="false"> 
       <div class="easyui-layout" fit="true" border="false"> 
        <div region="west" border="false" style="width:250px;height:390px;background:url(${pageContext.request.contextPath}/img/banner-jkrzbg.png)"> 
        </div> 
        <div region="center" style="font-family:'微软雅黑';" border="false"> 
         <p style="position: relative;margin-top:200px;padding-left:20px;"> 
          <span style="font-size:30px;font-weight:800;">汽车维修管理系统</span><br/> 
          <span>Vehicle Maintenance Management System</span> 
         </p> 
        </div> 
       </div> 
      </div> 
      <div region="center" border="false" style="width:520px;height:480px;"> 
       <div class="easyui-layout" fit="true" border="false"> 
        <div region="north" style="height:80px;" border="false"> 
        </div> 
        <div region="west" style="width:90px;position: relative;" border="false"> 
         <img src="${pageContext.request.contextPath}/img/split.png" style="position:absolute;left:0px;top:30px;"/> 
        </div> 
        <div region="center" border="false"> 
         <div class="easyui-panel" title="用户登录" iconCls="icon-user" 
           style="text-align: center;width:300px;height:260px;padding-top:50px;"> 
          <form id="ff" method="post"> 
           <div> 
            <input id="account" class="easyui-textbox" name="accountnumber" 
              data-options="iconCls:'icon-man',prompt:'请输入用户名'" value="<%=name %>" 
              style="width:240px;height:30px;"> 
            <a id="dd" href="#" title="用户的账号不能为空" class="easyui-tooltip"></a> 
           </div> 
           <div style="margin-top: 20px;"> 
            <input id="passwords" class="easyui-textbox" name="passwords" type="password" 
              data-options="iconCls:'icon-lock',prompt:'请输入密码'" value="<%=password %>" 
              style="width:240px;height:30px;"> 
           </div> 
           <div style="margin-top: 10px;" style="text-align:left;" > 
            <span style="float:left;padding-left:30px;font-size:12px;"><input id="flag" name="flag" type="checkbox" value="1" checked="checked" />记住账号</span> 
           </div> 
           <div style="clear:both;"></div> 
           <div style="margin-top: 20px;"> 
            <p> 
             <a href="#" id="submitbtn" style="width:80px;height:30px;" class="easyui-linkbutton" iconCls="icon-accept">登录</a> 
             <a style="margin-left:30px;width:80px;height:30px;" href="#" class="easyui-linkbutton" iconCls="icon-arrow_undo">取消</a> 
            </p> 
           </div> 
          </form> 
         </div> 
        </div> 
        <div region="east" style="width:90px;" border="false"> 
        </div> 
        <div region="south" style="height:0px;" border="false"> 
        </div> 
       </div> 
      </div> 
     </div> 
    <!-- 主要的内容部分结束 -->     
   </div> 
   </div> 
 </div> 
 <script type="text/javascript"> 
  $(function(){ 
   console.log("[汽车维修管理系统\n codeby:pengchan\n email:dntchenpeng@163.com \n csdn:http://blog.csdn.net/w3chhhhhh/]"); 
   // 提交表单 
   $("#submitbtn").click(function(){ 
    // 判断是否为空 
    if($("#account").val()==""){ 
     $.messager.alert('登录消息提示','用户的账号不能为空','info'); 
     return; 
    } 
    if($("#passwords").val()==""){ 
     $.messager.alert('登录消息提示','用户的密码不能为空','info'); 
     return; 
    } 
    $("#ff").submit(); 
   }); 
   $('#ff').form({ 
    url:"${pageContext.request.contextPath}/users/login.html", 
    success:function(data){  
     data = JSON.parse(data);     
     try{ 
      if(data.isError){ 
       $.messager.alert('登录消息提示',data.errorMsg,'info'); 
      }else{ 
       //$.messager.alert("登录消息提示","登录成功!",'info'); 
       // 如果成功,就跳转到主页面 
       // 这里先判断是否有历史请求,如果有就再次访问之前的页面 
       var hisurl = '${hisURL}'; 
       if(hisurl!=null&&hisurl.length>0){ 
        window.location.href="${pageContext.request.contextPath}"+hisurl; 
       }else{ 
        window.location.href="${pageContext.request.contextPath}/index/main.html"; 
       }        
      } 
     }catch(e){ 
      $.messager.alert("登录消息提示",'服务器返回异常,请稍后重试!','info'); 
     } 
    }, 
    error:function(error){ 
     $("#ff").form("clear"); 
    } 
   }); 
  }); 
 </script> 
</body> 
</html> 

后台处理的java部分代码:

package com.javaweb.controller; 
import javax.servlet.http.Cookie; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
import org.apache.commons.lang.StringUtils; 
import org.slf4j.Logger; 
import org.slf4j.LoggerFactory; 
import org.springframework.beans.factory.annotation.Autowired; 
import org.springframework.context.annotation.Scope; 
import org.springframework.stereotype.Controller; 
import org.springframework.ui.Model; 
import org.springframework.web.bind.annotation.PathVariable; 
import org.springframework.web.bind.annotation.RequestMapping; 
import org.springframework.web.bind.annotation.ResponseBody; 
import com.alibaba.fastjson.JSON; 
import com.javaweb.entity.Account; 
import com.javaweb.service.impl.ServiceFactory; 
import com.javaweb.utils.BaseController; 
import com.javaweb.views.LoginBean; 
/** 
 * 用户信息控制器 
 * @author cp 
 * 
 */ 
@Controller 
@Scope("prototype") 
@RequestMapping("/users") 
public class UserInfoController extends BaseController{ 
 private static final Logger logger = LoggerFactory.getLogger(UserInfoController.class); 
 @Autowired 
 private ServiceFactory serviceFactory; 
 /** 
  * 登录系统 
  * @param request 请求 
  * @param model  model 
  * @param account 账户信息 
  * @return 
  */ 
 @RequestMapping("/login") 
 @ResponseBody 
 public String login(HttpServletRequest request,HttpServletResponse response,Model model,Account account){ 
  logger.info("用户尝试登录:"+JSON.toJSONString(account)); 
  if(account==null){ 
    return responseFail("提交的参数为空!"); 
  }else{ 
   if(StringUtils.isBlank(account.getAccountnumber())){ 
    return responseFail("用户的账号为空"); 
   } 
   if(StringUtils.isBlank(account.getPasswords())){ 
    return responseFail("用户的密码为空"); 
   } 
   LoginBean loginBean = null; 
   loginBean = serviceFactory.getUserValidateService().userislawable(account); 
   if(loginBean==null){ 
    return responseFail("用户名或者密码输入不正确"); 
   }else{// 如果成功 
    // 把loginbean放到session中 
    request.getSession().setAttribute("user", loginBean); 
    // 放到cookie中 
    String flag = request.getParameter("flag"); 
    // 如果需要记住账户就存储账号和密码 
    if(flag!=null&&flag.equals("1")){ 
     Cookie cookie = new Cookie("cookie_user",loginBean.getAccountnumber()+"-"+loginBean.getPasswords()); 
     cookie.setMaxAge(60*60*24*3);// 保存 
     response.addCookie(cookie); 
     logger.info("存储用户的cookie:"+loginBean.getAccountnumber()+"-"+loginBean.getPasswords()); 
    }else{// 如果没有要求记住账户密码,就保存账户 
     Cookie cookie = new Cookie("cookie_user", loginBean.getAccountnumber()); 
     cookie.setMaxAge(60*60*24*30); 
     response.addCookie(cookie); 
     logger.info("存储用户的cookie:"+loginBean.getAccountnumber()); 
    } 
    // 跳转到主页    
    logger.info("用户:"+loginBean.getAccountnumber()+"成功进入系统");  
    return responseSuccess(loginBean, "登录成功"); 
   } 
  } 
 } 
 /** 
  * 退出系统登录 
  * @param request  请求 
  * @param model   模型 
  * @param accountnum 账户号 
  * @return 
  */ 
 @RequestMapping("/{accountnum}/logout.html") 
 public String logout(HttpServletRequest request,Model model,@PathVariable("accountnum") String accountnum){ 
  logger.info("用户"+accountnum+",退出系统登录..."); 
  // 设置session为空 
  request.getSession().setAttribute("user", null); 
  // 页面跳转 
  return "login"; 
 } 
} 

运行效果:

输入账号密码登录后:

退出后重新登录:

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

相关文章

最新评论