登录页面“记住我”的功能实现

记住我的功能主要是cookie的一个应用,功能实现中要注意的是,对保存的中文时乱码的处理及cookie的保存路径设置。

登录页面login.jsp:

 

<%@page import="java.net.URLDecoder"%>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String password="";
String name="";
String checked="";
Cookie[] cookies = request.getCookies();        //取出cookie对象组
for(int i = 0; cookies != null && i < cookies.length;i++){
	     Cookie cookie = cookies[i];       //  取出其中的一个对象,含有name ,value
	     if(cookie != null && "name".equals(cookie.getName())){      //获取第一个cookie对象的name
	    	 name = URLDecoder.decode(cookie.getValue(), "UTF-8");//进行解码
	    	 checked = "checked";
	     }
	     if(cookie != null && "password".equals(cookie.getName())){
	    	 password = cookie.getValue();
	     }
}
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'login.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>
  
  <body>

  <form action="system/testajax_cookie.do" method="POST">
  用户名:<input name="name" value="<%=name%>"/><br>
  密    码:<input type="password" name="password" value="<%=password%>"/><br>
  记住我:<input type="checkbox" name="remember" value="yes" <%=checked%>/><br>
  <input type="submit" value="submit"/><br>
  </form>
  </body>
</html>


MyUtil.java:

package cn.itcast.elec.web.action;

import java.io.UnsupportedEncodingException;
import java.net.URLEncoder;

import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class MyUtil {
    public static void remember(HttpServletRequest request,HttpServletResponse response){
    	String name = request.getParameter("name");                    //获取用户名
    	String password = request.getParameter("password");        //获取密码
    	String remember = request.getParameter("remember");     //获取是否打钩
    	String codeName="";
    	try {
			codeName = URLEncoder.encode(name, "UTF-8");      //对输入的中文进行编码,防止乱码出现
		} catch (UnsupportedEncodingException e) {
			e.printStackTrace();
		}
    	Cookie nameCookie = new Cookie("name", codeName); 
    	Cookie passwordCookie = new Cookie("password", password); 
        nameCookie.setPath(request.getContextPath()+"/");      //设置Cookie的有效路径
	    passwordCookie.setPath(request.getContextPath()+"/");//设置Cookie的有效路径
     	if(remember != null && "yes".equals(remember)){            //有记住我,就设置cookie的保存时间
    		nameCookie.setMaxAge(7*24*60*60);
    		passwordCookie.setMaxAge(7*24*60*60);
    	}else{                                                                                 //没有记住我,设置cookie的时间为0
    		nameCookie.setMaxAge(0);
    		passwordCookie.setMaxAge(0);
    	}
    	response.addCookie(nameCookie);
    	response.addCookie(passwordCookie);
    }
}


  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现登录页面的“记住我”功能,你可以使用浏览器的cookie或者本地存储来保存用户的登录状态。以下是一种简单的实现方式: 1. 在登录表单中添加一个复选框,用于选择“记住我”功能。 ```html <input type="checkbox" id="rememberMe" name="rememberMe"> <label for="rememberMe">记住我</label> ``` 2. 在用户提交登录表单时,检查复选框是否被选中。如果选中了,将生成一个持久的标识符(如随机生成的token)作为用户身份验证的凭证,并将其存储在cookie或本地存储中。 ```javascript var rememberMeCheckbox = document.getElementById("rememberMe"); var token = generateToken(); // 生成一个唯一的token if (rememberMeCheckbox.checked) { // 将token存储在cookie中 document.cookie = "token=" + token + "; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/"; } else { // 将token存储在本地存储中 localStorage.setItem("token", token); } ``` 3. 当用户再次访问登录页面时,检查cookie或本地存储中是否存在token。如果存在,则自动填充登录表单,并直接进行身份验证。 ```javascript var token = getCookie("token") || localStorage.getItem("token"); if (token) { // 自动填充登录表单 document.getElementById("username").value = getUsernameFromToken(token); document.getElementById("password").value = getPasswordFromToken(token); // 进行身份验证 authenticateUser(); } ``` 这只是一个简单的示例,实际实现可能涉及更多的安全性考虑和后端逻辑。记住在存储用户敏感信息时要采取适当的安全措施,并遵循最佳实践。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值