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