JSP如何利用Cookie技术实现免登录

逃离我推掉我的手 2022-01-22 13:55 357阅读 1赞

## 题目： ##

在用户登陆界面中，输入账号和密码，让用户选择“是否保存登录状态”，如果账号密码相等，则登录成功，进入欢迎页面。在登录时，如果保存了登录状态，下次登录时，如果访问登录页面，则进入欢迎页面。但是，客户如果没有经过登录就访问欢迎页面，则跳转到登录页面。

## 解题思路： ##

题目比较简单，只是两个页面之间的相互跳转。难点在于跳转的条件，以及Cookie的生成、销毁。

## 解题步骤： ##

# 1.编写一个简单的登录JSP页面 #

这个是很熟练的操作了，下面贴上JSP代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>登录</title>
    
    </head>
    <body>        	
    
    <form name="logmes" action="login4.jsp" method="post">
    	账号<input type="text" name="account" value="<%=account%>"><br>
    	密码<input type="password" name="pwd" value="<%=pwd%>"><br>
    	<input type="submit" value="登录">
    	是否保存登录状态<input name="log" type="radio" value="yes">是
    			   	<input name="log" type="radio" value="no">否
    
    </form>
    </body>
    </html>

注意一下这里两个文本框的value，他们都用JSP代码替代进去的，大家先不用理会，下文会提到。

# 2.写一个成功登录的JSP页面 #

依旧是很简单的操作，接下来就是Cookie的生成了。

# 3.在欢迎的JSP页面中生成Cookie用于保存账号密码 #

当我们点击“保存登录信息”并且按下登录按钮，表单就会被发送到欢迎页面中，我们接下来要在欢迎页面中利用Cookie把账号和密码存好。  
值得一提的是，当我们点击了“是”这个选项时，

`log=request.getParameter("log")；`这行代码得到的结果就是“yes”

所以`if(log!=null&&log.equals("yes"))`这行代码就会成立

然后Cookie 就会把账号和密码保存好

String log=" ";
    	 	log=request.getParameter("log");
    		if(log!=null&&log.equals("yes")){
    		String account=request.getParameter("account");
    		String pwd=request.getParameter("pwd");
    		Cookie cookie1=new Cookie("account",account);
    		Cookie cookie2=new Cookie("pwd",pwd);
    		cookie1.setMaxAge(600*24);
    		cookie2.setMaxAge(600*24);
    		response.addCookie(cookie1);
    		response.addCookie(cookie2);
    		}

# 4.在登录页面检索Cookie是否存在 #

如果Cookie已经保存过了，那么我下次登录的时候，应该自动填充账号+密码，并且跳转到欢迎页面

<%	
    	 String account="";
    	 String pwd="";
    	Cookie[] cookies=request.getCookies();
    	if(cookies!=null&&cookies.length>0)
    	{
    		for(Cookie c:cookies){
    			if(c.getName().equals("account")){
    				account=c.getValue();
    			}
    			if(c.getName().equals("pwd")){
    				pwd=c.getValue();
    			}
    			if(c.getName().equals("account")){
    				request.setAttribute("flag", 1);
    				request.getRequestDispatcher("login4.jsp").forward(request, response);
    						}
    		
    	}
    	
    }
    %>

上面两个文本框提到的<%=account%>和<%=pwd%>在这里给出了定义。  
生成一个Cookie数组，检索一下当前账号是否已经有保存了，如果有的话，那么`if(cookies!=null&&cookies.length>0)`就会成立，在数组中找到我们需要的账号和密码，自动的填充到两个文本框中，接下来就会利用`request.getRequestDispatcher("login4.jsp").forward(request, response);`跳转到我们刚才编写的欢迎页面。  
（ `request.setAttribute("flag", 1);`）会在下文提到为什么要写这个。

# 5.完善题目细节： #

但是，客户如果没有经过登录就访问欢迎页面，则跳转到登录页面。  
这句话意味着若是用户做出了违规操作，那么我们需要回到首页，并且把之前保存好Cookie都删除（因为如果不删除Cookie的话，返回到首页后，根据检索Cookie 的代码，网页又会被自动重定向到欢迎页面）

在删除Cookie之前，我们需要一个条件来判断，用户是直接访问欢迎页面，还是通过登录页面重定向而来的呢？那么get就能起到一定的作用了。这就是为什么在上面写`request.setAttribute("flag", 1);`的作用了。  
我在这里设置了一个标志量，如果网页是通过登录页面重定向而来，那么标志量会被一起接受过来，如果用户是直接访问登录页面，那么标志量必定为null。  
代码如下：

if(f==null){
        		System.out.println("123");
        		Cookie cookies[]=request.getCookies();
        		for(int i=0;i<cookies.length;i++)
        		{
        			cookies[i].setMaxAge(0);
        			response.addCookie(cookies[i]);
        		}
        		response.sendRedirect("login3.jsp");
        	}

以上代码通过循环，把每一个Cookie的生命周期都置为0，这样就相当于删除了Cookie， （response.sendRedirect(“login3.jsp”);\`让网页重定向回到登录页面。

# 6.完整代码 #

login3.jsp（登录页面)

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>登录</title>
    
    </head>
    <body>        	
    <%
    	
    	 String account="";
    	 String pwd="";
    	Cookie[] cookies=request.getCookies();
    	if(cookies!=null&&cookies.length>0)
    	{
    		for(Cookie c:cookies){
    			if(c.getName().equals("account")){
    				account=c.getValue();
    			}
    			if(c.getName().equals("pwd")){
    				pwd=c.getValue();
    			}
    			if(c.getName().equals("account")){
    				request.setAttribute("flag", 1);
    				request.getRequestDispatcher("login4.jsp").forward(request, response);
    						}
    		
    	}
    	
    }
    %>
    
    <form name="logmes" action="login4.jsp" method="post">
    	账号<input type="text" name="account" value="<%=account%>"><br>
    	密码<input type="password" name="pwd" value="<%=pwd%>"><br>
    	<input type="submit" value="登录">
    	是否保存登录状态<input name="log" type="radio" value="yes">是
    				<input name="log" type="radio" value="no">否
    
    </form>
    </body>
    </html>

login4.jsp（欢迎页面)

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
    </head>
    <body>
    <%
    		
    		Integer f=(Integer)request.getAttribute("flag");
    		String log=" ";
    	 	log=request.getParameter("log");
    		if(log!=null&&log.equals("yes")){
    		String account=request.getParameter("account");
    		String pwd=request.getParameter("pwd");
    		Cookie cookie1=new Cookie("account",account);
    		Cookie cookie2=new Cookie("pwd",pwd);
    		cookie1.setMaxAge(600*24);
    		cookie2.setMaxAge(600*24);
    		response.addCookie(cookie1);
    		response.addCookie(cookie2);
    	}
    	if(f==null){
    		System.out.println("123");
    		Cookie cookies[]=request.getCookies();
    		for(int i=0;i<cookies.length;i++)
    		{
    			cookies[i].setMaxAge(0);
    			response.addCookie(cookies[i]);
    		}
    		response.sendRedirect("login3.jsp");
    	}
    	
    	
    %>
    登录成功。
    </body>
    </html>