【JSP篇】——7.JSP之客户端的状态信息Cookie的创建和使用:用户登录功能的实现

1.知识铺垫

  cookie是客户端用于保存用户的信息,如我们经常遇到的保存账号密码等操作,这样下次登录就可以不用再次输入。这样的技术就是使用Cookie保存的,一个cookie对象本质上保存的是一个文本信息。

a.cookie创建于保存的方法

创建cookie对象并将要保存的信息add到cookie对象中:

Cookie cookie= new Cookie("key",“value”);

key就是以后取数据的名字,value就是要保存的内容,然后要使用JSP中内置对象response保存我们的cookie对象:

response.addCookie(cookie);
这样两个步骤就将我们的cookie保存到客户端了。

b.读取cookie中的数据

cookie保存好了之后,需要我们下次再次访问页面输入信息的时候,页面会自动帮我们填充正确的信息。这就需要我们获取cookie的数据然后进行赋值,举一个例子:

String username="";
String password = "";
Cookie[] cookies = request.getCookies();    //通过resquest获取当前所有的cookie对象,返回的是一个字符串数组
if(cookies!=null&&cookies.length>0)      
{    //一一读取cookies对象中的每一个cookie对象元素,找到与之对应的并赋值
     for(Cookie c:cookies)
     {
           //这里赋值采用了解码的方法,一般的像c.getValue()这种方式赋值就行
          if(c.getName().equals("username"))
          {
               username =  URLDecoder.decode(c.getValue(),"utf-8");
          }
          if(c.getName().equals("password"))
          {
               password =  URLDecoder.decode(c.getValue(),"utf-8");
          }
     }
}

2.实战练习

a.工程说明

  设计一个用户登录界面login.jsp,用户可以选择保存当前的状态信息;当用户选择保存信息后,点击登录页面跳转doLogin.jsp,在该页面用于获取用户的信息保存到cookie,并有一个链接显示给用户,点击链接用于查看用户信息,此时跳转到users.jsp,在该页面中直接获取cookie对象获取数据并显示到浏览器中。若是用户不选择保存状态信息,我们就不做处理,即用户名和密码显示的都是空。

  除此之外,我们工程的一遍流程就走过去了,但是我们要求重新访问浏览器的login.jsp页面,能够自动赋值(我说的很生硬,但就是这个意思啦~),所以在login.jsp页面中,我们还需要获取当前的cookie对象,将之前用户保存的cookie赋值。

b.预期效果

                                           

                                图一:输入用户名和密码,密码:123456   

                              

                                       图二:选择登陆后,谷歌浏览器弹出-->保存

                                                                   

                                            图三:登录成功页面                

                                           

                             图四:点击查看用户信息的界面:显示用户信息

                                  

                              图五:关闭浏览器后,重新打开login.jsp,可以看出来已经自动赋值了

3.工程代码们

a.login.jsp

<%@ page language="java" import="java.util.*,java.net.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.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>
    <h1>用户登录</h1>
    <hr>
    <% 
      request.setCharacterEncoding("utf-8");
      String username="";
      String password = "";
      Cookie[] cookies = request.getCookies();
      if(cookies!=null&&cookies.length>0)
      {
           for(Cookie c:cookies)
           {
              if(c.getName().equals("username"))
              {
                   username =  URLDecoder.decode(c.getValue(),"utf-8");
              }
              if(c.getName().equals("password"))
              {
                   password =  URLDecoder.decode(c.getValue(),"utf-8");
              }
           }
      }
    %>
    <form name="loginForm" action="dologin.jsp" method="post">
       <table>
         <tr>
           <td>用户名:</td>
           <td><input type="text" name="username" value="<%=username %>"/></td>
         </tr>
         <tr>
           <td>密码:</td>
           <td><input type="password" name="password" value="<%=password %>" /></td>
         </tr>
         <tr>
           <td colspan="2"><input type="checkbox" name="isUseCookie" checked="checked"/>十天内记住我的登录状态</td>
         </tr>
         <tr>
           <td colspan="2" align="center"><input type="submit" value="登录"/><input type="reset" value="取消"/></td>
         </tr>
       </table>
    </form>
  </body>
</html>

b.dologin.jsp

<%@ page language="java" import="java.util.*,java.net.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'dologin.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>
    <h1>登录成功</h1>
    <hr>
    <br>
    <br>
    <br>
    <% 
       request.setCharacterEncoding("utf-8");
       //首先判断用户是否选择了记住登录状态
       String[] isUseCookies = request.getParameterValues("isUseCookie");
       if(isUseCookies!=null&&isUseCookies.length>0)
       {
          //把用户名和密码保存在Cookie对象里面
          String username = URLEncoder.encode(request.getParameter("username"),"utf-8");
          //使用URLEncoder解决无法在Cookie当中保存中文字符串问题
          String password = URLEncoder.encode(request.getParameter("password"),"utf-8");
          
          Cookie usernameCookie = new Cookie("username",username);
          Cookie passwordCookie = new Cookie("password",password);
          usernameCookie.setMaxAge(864000);
          passwordCookie.setMaxAge(864000);//设置最大生存期限为10天
          response.addCookie(usernameCookie);
          response.addCookie(passwordCookie);
       }
       else
       {
          Cookie[] cookies = request.getCookies();
          if(cookies!=null&&cookies.length>0)
          {
             for(Cookie c:cookies)
             {
                if(c.getName().equals("username")||c.getName().equals("password"))
                {
                    c.setMaxAge(0); //设置Cookie失效
                    response.addCookie(c); //重新保存。
                }
             }
          }
       }
    %>
    <a href="users.jsp" target="_blank">查看用户信息</a>
    
  </body>
</html>

c.users.jsp

<%@ page language="java" import="java.util.*,java.net.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'users.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>
    <h1>用户信息</h1>
    <hr>
    <% 
      request.setCharacterEncoding("utf-8");
      String username="";
      String password = "";
      Cookie[] cookies = request.getCookies();
      if(cookies!=null&&cookies.length>0)
      {
           for(Cookie c:cookies)
           {
              if(c.getName().equals("username"))
              {
                   username = URLDecoder.decode(c.getValue(),"utf-8");
              }
              if(c.getName().equals("password"))
              {
                   password = URLDecoder.decode(c.getValue(),"utf-8");
              }
           }
      }
    %>
    <BR>
    <BR>
    <BR>
         用户名:<%=username %><br>
         密码:<%=password %><br>
  </body>
</html>

以上就ok啦,使用cookie可以帮助我们记住用户的状态信息。

cookie那么酷,但是有利有弊。

4.工程的下载地址

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值