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的學習也就到這裏啦~~大神們如果有什麼更好的學習方法或是更需要學習的知識點,歡迎指教啊~~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章