基於Tomcat，首次使用Eclipse開發Web項目（JSP） ...
2.在Eclipse中創建的Web項目：
瀏覽器可以直接訪問webContent中的文件
其中的index1.jsp就在WebContent目錄中；
但是WEB-INF中的文件 無法通過客戶端（瀏覽器）直接訪問，只能通過請求轉發來訪問
註意：並不是任何的內部跳轉都能訪問WEB-INF；原因是跳轉有兩種方式：請求轉發、重定向
3.配置tomcat運行時環境
jsp <->Servlet
a.將tomcat/lib中的servlet-api.jar加入項目的構建路徑（只加一個）
b.右鍵項目 -> Build Path -> Add library - Server Runtime（加一堆jar）【推薦】
4.部署tomcat
在servers面板新建一個tomcat實例，再在該實例中部署項目（右鍵-add）
註意：一般建議將eclipse中的tomcat與本地tomcat保持一致；
將eclipse中的tomcat設置為托管模式：【第一次】創建tomcat實例之後，雙擊，選擇Server Location的第二個
5.統一字元集編碼
a.編碼分類：
設計jsp文件的編碼（jsp文件中的pageEncodeing屬性）：jsp -> java
設置瀏覽器讀取jsp文件的編碼（jsp文件中content屬性）
一般將上述設置成一致的編碼，推薦使用UTF-8
b.文本編碼：
i.將整個Eclipse中的文件統一設置（以後的jsp編碼都會utf-8）【推薦】
ii.設置某一項目（右鍵文件-properties）
iii.設置單獨文件
6.JSP的頁面元素
HTML java代碼（腳本Scriptlet） 指令 註釋
a.腳本Scriptlet
i.
1 <% 2 局部變數、java語句 3 %>
ii.
1 <%! 2 全局變數、定義方法 3 %>
iii.
1 <%= 2 輸出表達式 3 %>
修改web.xml、配置文件、java需要重啟tomcat服務，但是如果修改Jsp/html/js/css代碼不需要重啟
註意：out.println()不能回車；要想回車：<br\>，即out.print() <%= %>可以直接解析html代碼
b.指令
page指令
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8" import="java.util.Date"%>
屬性：
language：jsp頁面使用的腳本語言
import：導入類
pageEnconding：jsp文件自身編碼 jsp -> java
contentType:瀏覽器解析自身的編碼
c.註釋
html註釋
1 <!--可以被客戶通過瀏覽器查看源碼所觀察到-->
java註釋
1 // 2 /*...*/
jsp註釋
1 <%-- --%>
7.JSP九大內置對象
（自帶，無需new也能使用的對象）
out:輸出對象，向客戶端輸出內容
request：請求對象；存儲“客戶端向服務端發送的請求消息“
request對象的常見方法：
String getParameter(String name); 根據請求的欄位名key（input標簽的name屬性），返回欄位值value（input標簽的value屬性）
String[] getParameterValues(String name); 根據請求的欄位名key，返回多個欄位值value（checkbox）
void setCharacterEncoding("編碼格式utf-8"); 設置post請求編碼（tomcat7以前預設iso-8859-1，tomcat8以後改成了utf-8）
getRequestDispartcher("b.jsp").forward(request,response); 請求轉發的方式跳轉頁面 A -> B
ServletContext getServerContext(); 獲取項目的ServletContext對象
示例：註冊
register.jsp
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>Insert title here</title> 8 </head> 9 <body> 10 <form action="show.jsp"> 11 用戶名：<input type="text" name="uname"/><br/> 12 密 碼：<input type="password" name="upwd"/><br/> 13 年 齡：<input type="text" name="uage"/><br/> 14 愛 好：<br/> 15 <input type="checkbox" name="uhobbies" value="足球"/>足球 16 <input type="checkbox" name="uhobbies" value="籃球"/>籃球 17 <input type="checkbox" name="uhobbies" value="乒乓球"/>乒乓球<br/> 18 <input type="submit" value="註冊"> 19 </form> 20 </body> 21 </html>
show.jsp
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>Insert title here</title> 8 </head> 9 <body> 10 <% 11 //設置編碼 12 request.setCharacterEncoding("utf-8"); 13 String name = request.getParameter("uname"); 14 int age = Integer.parseInt(request.getParameter("uage")); 15 String pwd = request.getParameter("upwd"); 16 17 String[] hobbies = request.getParameterValues("uhobbies"); 18 %> 19 註冊成功，信息如下：<br/> 20 姓名：<%=name %><br/> 21 年齡：<%=age %><br/> 22 密碼：<%=pwd %><br/> 23 <% 24 if(hobbies !=null){ //控制沒有愛好則不顯示 25 out.print("愛好："); 26 for(String hobby:hobbies){ 27 out.print(hobby + " "); 28 } 29 } 30 %> 31 </body> 32 </html>
連接/文件?參數名1=參數值1&參數名2=參數值2&參數名3=參數值3
get提交方式：method="get"和地址欄、超鏈接（<a href="xx">）請求方式預設都屬於get提交方式
get與post請求方式的區別：
a.get方式在地址欄顯示請求信息（但是地址欄能夠容納的信息有限，4-5KB；如果請求數據存在大文件）
b.文件上傳操作，必須是post【推薦】
response：響應對象
提供的方法：
void addCookie(Cookie cookie); 服務端向客戶端增加cookie對象
void sendRedirect(String location) throws IOException; 頁面跳轉的一種方式（重定向）
void setContentType(String type);設置服務端響應的代碼（設置服務端的contentType類型）
示例：登錄
login.jsp -> check.jsp -> success.jsp
login.jsp
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>Insert title here</title> 8 </head> 9 <body> 10 <form action="check.jsp" method="post"> 11 用戶名：<input type="text" name="uname"><br/> 12 密碼:<input type="password" name="upwd"><br/> 13 <input type="submit" value="登錄"><br/> 14 </form> 15 </body> 16 </html>
check.jsp
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>Insert title here</title> 8 </head> 9 <body> 10 <% 11 request.setCharacterEncoding("utf-8"); 12 String name = request.getParameter("uname"); 13 String pwd = request.getParameter("upwd"); 14 if(name.equals("zs")&&pwd.equals("abc")){ 15 //通過重定向跳轉,結果導致數據丟失 16 //response.sendRedirect("success.jsp"); 17 //請求轉發跳轉:可以獲取到數據，並且地址欄沒有改變（仍然保留轉發時的頁面） 18 request.getRequestDispatcher("success.jsp").forward(request, response); 19 }else{ 20 //登錄失敗 21 out.print("用戶名或密碼錯誤！"); 22 } 23 %> 24 </body> 25 </html>
success.jsp
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>Insert title here</title> 8 </head> 9 <body> 10 登陸成功！<br/> 11 歡迎您： 12 <% 13 String name = request.getParameter("uname"); 14 out.print(name); 15 %> 16 </body> 17 </html>
請求轉發和重定向的區別
| 請求轉發 | 重定向 | |
|---|---|---|
| 地址欄是否改變 | 不變（check.jsp） | 改變（success.jsp） |
| 是否保留第一次請求時的數據 | 保留 | 不保留 --4種範圍對象 |
| 請求的次數 | 1 | 2 |
| 跳轉發生的位置 | 服務端 | 客戶端發起的第二次跳轉 |
轉發、重定向：
轉發：張三（客戶端） -> 【服務視窗A（伺服器） -> 服務視窗B】
重定向：張三（客戶端） -> 服務視窗A（服務端） -> 去找B
張三（客戶端） ->服務視窗B（服務端） -> 結束
session（服務端，內置對象）
Cookie（客戶端，不是內置對象）：
Cookie是由服務端生成的，再發給客戶端保存
相當於本地緩存的作用：客戶端（hello.jsp）->服務端（hello.mp4；zs/abc）
作用：提高訪問伺服器的效率，但是安全性較差。
Cookie：key=value
javax.servlet.http.Cookie
public Cookie(String name,String value)
String getName() 獲取name
String getValue() 獲取value
void setMaxAge(int expiry); 最大有效期（s）
伺服器準備Cookie：
response.addCookie(Cookie cookie)
頁面跳轉（轉發、重定向）
客戶端獲取Cookie：request.getCookies();
a.服務端增加Cookie：response對象；客戶端獲取對象：request對象
b.不能直接獲取某一個單獨對象，只能一次性將全部的Cookie拿到
通過F12可以發現，除了自己設置的Cookie對象外，還有一個name為JSESSIONID的cookie
建議cookie中只保存英文、數字，否則需要進行編碼、解碼處理
使用Cookie實現記住用戶名操作
login.jsp
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>Insert title here</title> 8 </head> 9 <body> 10 <%! 11 String uname; 12 %> 13 <% 14 Cookie[] cookies = request.getCookies(); 15 for(Cookie cookie:cookies){ 16 if(cookie.getName().equals("uname")){ 17 uname = cookie.getValue(); 18 } 19 } 20 %> 21 <form action="check.jsp" method="post"> 22 用戶名：<input type="text" name="uname" value="<%=(uname==null?"":uname)%>"><br/> 23 密碼:<input type="password" name="upwd"><br/> 24 <input type="submit" value="登錄"><br/> 25 </form> 26 </body> 27 </html>
check.jsp
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <title>Insert title here</title> 8 </head> 9 <body> 10 <% 11 request.setCharacterEncoding("utf-8"); 12 String name = request.getParameter(
