zoukankan      html  css  js  c++  java
  • Cookie学习笔记二:Cookie实例

    今天说说刚刚学到的两个Cookie的最经典应用:自己主动登录和购物车设置

    一:自己主动登录

    须要两个页面:login.jsp与index.jsp,login.jsp用来输出登录信息,index.jsp处理登录信息:假设有Cookie。则自己主动登录。否则创建输入信息的对象的Cookie,下次登录能够直接登录,可是我们在这里给Cookie设置一个最大保存时间30s。即登录30s后会自己主动退回到登陆页面。详细代码例如以下:

    login.jsp:

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8" session="false"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Cookie Test</title>
    </head>
    <body>
    
    	<form action="index.jsp" method="post">
    		name : <input type="text" name="name">
    		<input type="submit" value="登录">
    	</form>
    </body>
    </html>

    执行效果图:


    index.jsp:

    <span style="font-size:18px;"><%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8" session="false"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Cookie Test</title>
    </head>
    <body>
    	<%
    		String name = request.getParameter("name");
    		//假设输入了name。就直接打印,而且设置最大保存时间
    		if(name != null && !name.trim().equals(""))
    		{
    			Cookie cookie = new Cookie("name",name);
    			cookie.setMaxAge(30);
    			response.addCookie(cookie);
    		}else
    		{
    			//推断Cookie中是否保存有信息。有就将它的值赋给name
    			Cookie [] cookies = request.getCookies();
    			for(Cookie c : cookies)
    			{
    				String cookieName = c.getName();
    				if(cookieName.equals("name"))
    				{
    					String cookieVal = c.getValue();
    					name = cookieVal;
    				}
    			}
    		}
    		//对信息进行处理
    		if(name != null && !name.trim().equals(""))
    		{
    			//有就打印欢迎信息
    			out.println("Welcome " + name);
    		}else
    		{
    			//没有就返回登录页面
    			response.sendRedirect("login.jsp");
    		}
    	
    	%>
    </body>
    </html></span>


    执行效果图:


    下次再訪问仍然能够显示。但30秒后刷新则会发现直接回到登陆页面了~~


    二:购物车设置

    这个也须要两个页面:books.jsp和book.jsp。books.jsp用来陈列各种书籍(商品),点击则为购买操作,最后会在页面下方将选中的书籍进行显示,但这里进行一个限制--一次仅仅能显示5个元素,若第六个不同的要入列则将第一个删除。若入列的是已经存在的元素则将其移到列表的最末尾;而book.jsp则用来处理显示效果的操作页面。代码例如以下:

    books.jsp

    <span style="font-size:18px;"><%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8" session="false"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Books</title>
    </head>
    <body>
    	<h3>书籍列表</h3>
    	
    	<a href="book.jsp?

    book=Java">Java</a><br><br> <a href="book.jsp?

    book=JavaWEB">JavaWEB</a><br><br> <a href="book.jsp?

    book=Android">Android</a><br><br> <a href="book.jsp?

    book=Strut">Strut</a><br><br> <a href="book.jsp?book=Spring">Spring</a><br><br> <a href="book.jsp?book=Hibernate">Hibernate</a><br><br> <a href="book.jsp?book=Cookie">Cookie</a><br><br> <a href="book.jsp?book=MVC">MVC</a><br><br> <a href="book.jsp?book=EL">EL</a><br><br> <% Cookie []cookies = request.getCookies(); if(cookies !=null && cookies.length > 0) { for(Cookie c : cookies) { if(c.getName().startsWith("BOOK_")) { out.println(c.getValue()); out.print("<br>"); } } } %> </body> </html></span>


    book.jsp


    <span style="font-size:18px;"><%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8" import="java.util.*" session="false"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Book Detail</title>
    </head>
    <body>
    	<h3>Book detail</h3>
    	Book : <%=request.getParameter("book") %>
    	<a href="books.jsp">return</a>
    	<%
    	String book = request.getParameter("book");
    	
    	//确定被删除的Cookie
    	Cookie []cookies = request.getCookies();
    	//保存全部以BOOK_开头的Cookie
    	List<Cookie> cookieList = new ArrayList<Cookie>();
    	//用来保存与从books.jsp中传入的book 匹配的Cookie
    	Cookie tempCookie = null;
    	if(cookies !=null && cookies.length > 0)
    	{
    		for(Cookie c : cookies)
    		{
    			if(c.getName().startsWith("BOOK_"))
    			{
    				cookieList.add(c);
    				if(c.getValue().equals(book))
    				{
    					tempCookie = c;
    				}
    			}
    		}
    	}
    	//每次仅仅列出五个。所以要推断是否大于5。若大于等于5就将第一个删除
    	if(cookieList.size() >= 5 && tempCookie == null)
    	{
    		tempCookie = cookieList.get(0);
    	}
    	//假设再次输入已存在的,就将已存在的删除。而且将其再次加入到队列末尾
    	if(tempCookie != null)
    	{
    		tempCookie.setMaxAge(0);
    		response.addCookie(tempCookie);
    	}
    	//将book 作为Cookie返回
    	Cookie cookie = new Cookie("BOOK_"+book, book);
    	response.addCookie(cookie);
    	%>
    </body>
    </html></span>

    执行效果图:

    这是最開始的图:

    然后选中5个不同的元素:


    接着再选择已经存在于列表中的Android选项:

    会发现Android从第二个跳到了最后一个

    最后是选择一个不存在与列表中的选项:

    结果将第一个元素给移出了列表。

    关于Cookie的学习知识点差点儿相同都在这里了。这里事实上学的还是比較糙的,没有把非常精细的东西拿出来讲,可是我认为像我这样的入门的学习事实上差点儿相同了。

    不论什么知识在刚学的时候都不应该太过于钻牛角尖。这个是要最后运用的,仅仅有当运用时遇到问题再具体的学习,效果就会要比我们光学知识点好的多~~所以我对Cookie的学习也就到这里啦~~大神们假设有什么更好的学习方法或是更须要学习的知识点,欢迎不吝赐教啊~~

  • 相关阅读:
    some things
    关于我的兼职创业历程
    慢牛APP相关截图
    慢牛系列五:用百度语音识别添加自选股
    慢牛系列四:好玩的React Native
    慢牛系列三:React Native实践
    慢牛系列二:前端技术选择
    慢牛系列一:如何抓取股票数据
    会写程序的屌丝是潜力股
    慢牛股票-基于Sencha+Cordova的股票类APP
  • 原文地址:https://www.cnblogs.com/yfceshi/p/7228285.html
Copyright © 2011-2022 走看看