北大青鳥JSP教程大全(下).ppt

1、小腳本與表達(dá)式的綜合應(yīng)用6-6,第四步：編寫showFirstTitle.jsp 調(diào)用類FirstLeveTitleDbOpreation的方法，獲得FirstLevelTitle對(duì)象的集合 遍歷該集合，逐行輸出新聞一級(jí)標(biāo)題的名稱,-代碼片斷- ,表達(dá)式，負(fù)責(zé)輸出各新聞一級(jí)標(biāo)題的名稱,小腳本，負(fù)責(zé)方法調(diào)用、以及在循環(huán)中獲取數(shù)據(jù),完整代碼實(shí)現(xiàn),為什么需要方法聲明,-在JSP中格式化日期的代碼片斷- ,在JSP中格式化當(dāng)前日期，日期顯示形式：yyyy年MM月dd日,在同一個(gè)JSP頁面中，如果需要在多個(gè)地方格式化日期， 如何簡(jiǎn)化代碼？,在Java文件中，可以增加一個(gè)方法來解決 在JSP文件中，同樣可

2、以聲明方法，解決類似問題,如何實(shí)現(xiàn)方法聲明,方法聲明 JSP頁面中定義Java方法 語法：, 你好，ACCP！今天是 你好，BENET！今天是 ,現(xiàn)在可以在多處調(diào)用該方法了。,小結(jié) 4,編寫一個(gè)JSP頁面，實(shí)現(xiàn)根據(jù)一個(gè)人18位身份證顯示出生日的功能，要求把表達(dá)式、方法聲明和小腳本全部用到,完整代碼實(shí)現(xiàn),運(yùn)行結(jié)果示意圖,總結(jié),請(qǐng)指出如下JSP頁面的錯(cuò)誤, 輸出當(dāng)前日期 你好，ACCP！ 今天是 ,未使用import引入類,Thank you,使用JSP處理客戶端請(qǐng)求,第六章,回顧,列舉一些page指令的常用屬性，并說明它們的作用 在JSP文件中，有幾種輸出數(shù)值的方法（如：輸出10與30的乘積）？

3、分別怎樣表示？,預(yù)習(xí)檢查,使用JSP編程時(shí)，如何在服務(wù)器端獲得用戶在文本框中輸入的數(shù)值？ 什么是JSP內(nèi)置對(duì)象？列舉一些常用的JSP內(nèi)置對(duì)象，并說明它們的作用,本章任務(wù),升級(jí)新聞發(fā)布系統(tǒng) 從頁面上添加新聞一級(jí)標(biāo)題，并保存至數(shù)據(jù)庫中 從頁面上添加新聞二級(jí)標(biāo)題，并保存至數(shù)據(jù)庫中,掌握Form表單的請(qǐng)求處理 掌握J(rèn)avaScript頁面驗(yàn)證與JSP的集成 掌握J(rèn)SP常用內(nèi)置對(duì)象的用法 out對(duì)象 request對(duì)象 response對(duì)象,本章目標(biāo),為什么需要使用HTML表單,如何在服務(wù)器端獲得文本框中的數(shù)據(jù)？,HTML表單是與用戶交互信息的主要手段,回顧HTML表單 2-1,創(chuàng)建表單 一個(gè)表單至少應(yīng)

4、該包括說明性文字、表單控件、提交和重填按鈕等內(nèi)容 HTML表單標(biāo)記說明了表單提交的方式和地點(diǎn) 創(chuàng)建表單控件 通過HTML表單的各種控件，用戶可以輸入文字信息，或者從選項(xiàng)中選擇，以及做提交的操作, 用戶名： 密碼： ,回顧HTML表單 2-2,method表示表單發(fā)送的方式， 分為兩種： get方式：將表單內(nèi)容經(jīng)過編碼之后 ，通過URL發(fā)送， 使用get方式發(fā)送時(shí)有255個(gè)字符的限制。 post方式：將表單的內(nèi)容通過http發(fā)送，post沒有字符長度的限制,可以在地址欄里看到,在地址欄看不到表單的提交信息,演示get方式與post方式的區(qū)別,表單處理的編程模式,用戶通過表單控件輸入并提交信息 J

5、SP獲得表單數(shù)據(jù)，進(jìn)行邏輯處理 JSP根據(jù)處理結(jié)果，轉(zhuǎn)向不同的結(jié)果頁面,JSP 1、獲得表單數(shù)據(jù) 2、進(jìn)行邏輯處理 3、根據(jù)處理結(jié)果返回不同頁,郵箱主頁面,登陸失敗頁面,用戶名、密碼輸入正確,用戶名、密碼輸入錯(cuò)誤,1,2,3,處理表單請(qǐng)求 5-1,升級(jí)新聞發(fā)布系統(tǒng)，要求如下： 從頁面上添加新聞一級(jí)標(biāo)題，并保存至數(shù)據(jù)庫中 如果保存成功，返回成功頁面 如果保存失敗，返回失敗頁面,saveFirstLevelTitle.jsp 1、獲得用戶輸入的一級(jí)標(biāo)題 2、插入數(shù)據(jù)庫 3、根據(jù)保存結(jié)果返回不同的頁面,成功頁面,失敗頁面,保存成功,保存失敗,1,2,3,處理表單請(qǐng)求 5-2,創(chuàng)建一級(jí)標(biāo)題的發(fā)布頁面(

6、createLevelOneTitle.jsp) 創(chuàng)建發(fā)布成功頁面(success.jsp) 創(chuàng)建發(fā)布失敗頁面(error.jsp),-發(fā)布頁面的代碼片斷- ,發(fā)布頁面代碼實(shí)現(xiàn),成功頁面代碼實(shí)現(xiàn),失敗頁面代碼實(shí)現(xiàn),處理表單請(qǐng)求 5-3,創(chuàng)建數(shù)據(jù)訪問類FirstLeveTitleDbOpreation 建立方法 getNewId()：用來獲取新聞一級(jí)標(biāo)題表中最大的ID，并對(duì)它加一，作為新的一級(jí)標(biāo)題的ID 建立方法insertOneRecord(FirstLevelTitle fTitle)：用來向數(shù)據(jù)庫中插入一條新聞一級(jí)標(biāo)題,完整代碼實(shí)現(xiàn),處理表單請(qǐng)求 5-4,創(chuàng)建發(fā)布提交頁面 saveFirs

7、tLevelTitle.jsp, 0) request.getRequestDispatcher(“success.jsp) .forward(request, response); else request.getRequestDispatcher(error.jsp) .forward(request,response); %,獲取用戶輸入,邏輯處理,返回不同頁面,完整代碼實(shí)現(xiàn),處理表單請(qǐng)求 5-5,演示：添加新聞一級(jí)標(biāo)題整體效果演示,JavaScript頁面驗(yàn)證與JSP的集成,-代碼片斷- function checkOneTitle() if(form1.titlename.value

8、 =null | form1.titlename.value=) alert(請(qǐng)輸入一級(jí)標(biāo)題!); return false; else return true; ,在發(fā)布頁面中增加JavaScript驗(yàn)證：如果用戶沒有輸入新聞一級(jí)標(biāo)題，就無法進(jìn)行表單提交,通過onClick事件觸發(fā)checkOneTitle()方法,完整代碼實(shí)現(xiàn),什么是JSP內(nèi)置對(duì)象,JSP 內(nèi)置對(duì)象是 Web 容器創(chuàng)建的一組對(duì)象 JSP 內(nèi)置對(duì)象是可以直接在JSP頁面使用的對(duì)象 ，無需使用“new”獲取實(shí)例 JSP 內(nèi)置對(duì)象的名稱是 JSP 的保留字,常用內(nèi)置對(duì)象,request,response,out,applicat

9、ion,session,示例,沒有出現(xiàn)new關(guān)鍵字，但卻可以使用request對(duì)象,JSP內(nèi)置對(duì)象out,out對(duì)象用于向客戶端輸出數(shù)據(jù) out對(duì)象常用方法： print()：在頁面中打印出字符串信息, ,JSP內(nèi)置對(duì)象request 4-1,request對(duì)象主要用于處理客戶端請(qǐng)求,request 對(duì)象,客戶端,請(qǐng)求,請(qǐng)求信息,JSP內(nèi)置對(duì)象request 4-2,request對(duì)象常用方法,JSP內(nèi)置對(duì)象request 4-3,編程實(shí)現(xiàn)ACCP學(xué)員的注冊(cè)功能 注冊(cè)信息包括：用戶名、密碼、你從哪里知道ACCP 頁面提交后，顯示學(xué)員輸入的數(shù)據(jù),1,2,JSP內(nèi)置對(duì)象request 4-4, 用

10、戶名 密碼 你從哪里知道ACCP 報(bào)刊 網(wǎng)絡(luò) 朋友推薦 電視 ,String channels = request.getParameterValues(channel); if (channels != null) for (int i = 0; i channels.length; i+) out.println(channelsi); ,request.setCharacterEncoding(GBK);,注冊(cè)頁面完整代碼實(shí)現(xiàn),注冊(cè)提交頁面完整代碼實(shí)現(xiàn),request.getParameter(“name”);,request.getParameter(pwd);,JSP內(nèi)置對(duì)象resp

11、onse 2-1,response對(duì)象用于響應(yīng)客戶請(qǐng)求并向客戶端輸出信息 response 對(duì)象常用方法 void sendRedirect (String location)：將請(qǐng)求重新定位到一個(gè)不同的URL,response 對(duì)象,客戶端,響應(yīng),從服務(wù)器中檢索的信息,存儲(chǔ)信息，以在響應(yīng)客戶端請(qǐng)求時(shí)發(fā)送此信息,JSP內(nèi)置對(duì)象response 2-2,在首頁面（input.jsp）上輸入用戶名、密碼，提交至input2.jsp進(jìn)行處理 如果輸入的用戶名、密碼都是sa，跳轉(zhuǎn)至歡迎頁面（welcome.jsp）, 用戶名： 密碼： ,input.jsp,客戶端重新建立鏈接,跳轉(zhuǎn)至歡迎頁面,inpu

12、t2.jsp,處理表單請(qǐng)求進(jìn)階 5-1,升級(jí)新聞發(fā)布系統(tǒng)，要求如下： 從頁面上添加新聞二級(jí)標(biāo)題，并保存至數(shù)據(jù)庫中 如果保存成功，返回成功頁面；保存失敗，返回失敗頁面,saveSecondLevelTitle.jsp 1、獲得用戶輸入 2、插入數(shù)據(jù)庫 3、根據(jù)保存結(jié)果返回不同頁面,成功頁面,失敗頁面,保存成功,保存失敗,在下拉框中列出所有一級(jí)標(biāo)題,文件上載控件,1,2,3,處理表單請(qǐng)求進(jìn)階 5-2,創(chuàng)建類SecondLevelTitle.java：負(fù)責(zé)存儲(chǔ)數(shù)據(jù) 創(chuàng)建類SecondLevelTitleDbOpreation.java：負(fù)責(zé)向數(shù)據(jù)庫中添加新聞二級(jí)標(biāo)題,完整代碼實(shí)現(xiàn),完整代碼實(shí)現(xiàn),創(chuàng)建

13、表SecondLevelTitle,處理表單請(qǐng)求進(jìn)階 5-3,創(chuàng)建新聞二級(jí)標(biāo)題的發(fā)布頁面（createLevelTwoTitle.jsp）,-代碼片斷- 0) for(int i=0;i ,這是文件上載控件，該控件帶有一個(gè)文本框和一個(gè)瀏覽按鈕,在下拉框中列出所有一級(jí)標(biāo)題,完整代碼實(shí)現(xiàn),處理表單請(qǐng)求進(jìn)階 5-4,創(chuàng)建發(fā)布提交頁面（ saveSecondLevelTitle.jsp ）,-代碼片斷- 0) request.getRequestDispatcher(success.jsp).forward(request,response); else request.getRequestDispa

14、tcher(error.jsp).forward(request, response); %,獲取用戶輸入,邏輯處理,返回不同頁面,完整代碼實(shí)現(xiàn),處理表單請(qǐng)求進(jìn)階 5-5,演示：添加新聞二級(jí)標(biāo)題整體效果演示,總結(jié) 2-1,編程實(shí)現(xiàn)如下頁面效果：,input.jsp,output.jsp,1,2,總結(jié) 2-2,input.jsp,output.jsp, 請(qǐng)選擇您的性別： 女 男 請(qǐng)選擇您喜歡的食物： 薯?xiàng)l 奶酪 ,String sex = request.getParameter(sex); String foods = request.getParameterValues(foods); St

15、ring foodStr=; if (foods != null) for (int i = 0; i 您的性別是： 您喜歡的食物是： ,單選框,復(fù)選框,Thank you,JSP頁面的訪問控制,第七章,回顧,使用JSP編程時(shí)，如何在服務(wù)器端獲得用戶在文本框中輸入的數(shù)值？ 什么是JSP內(nèi)置對(duì)象？列舉一些常用的JSP內(nèi)置對(duì)象，并說明它們的作用,預(yù)習(xí)檢查,請(qǐng)說明JSP內(nèi)置對(duì)象session與application的區(qū)別 include指令的作用是什么？,本章任務(wù),完成最終版的新聞發(fā)布系統(tǒng) 為新聞發(fā)布系統(tǒng)增加訪問控制 為新聞發(fā)布系統(tǒng)增加已訪問人數(shù)統(tǒng)計(jì) 實(shí)現(xiàn)新聞發(fā)布系統(tǒng)的分級(jí)瀏覽,掌握訪問控制實(shí)現(xiàn)的流

16、程 掌握J(rèn)SP內(nèi)置對(duì)象的用法 session對(duì)象 application對(duì)象 掌握include指令 掌握如何在超鏈接中傳遞參數(shù),本章目標(biāo),生活中的訪問控制,下載電子書時(shí)，系統(tǒng)會(huì)提示用戶登錄網(wǎng)站,點(diǎn)擊下載， 系統(tǒng)轉(zhuǎn)入登錄頁面,每次下載之前，系統(tǒng)如何判斷用戶是否已經(jīng)登錄？,如何實(shí)現(xiàn)訪問控制,系統(tǒng)如何保存不同用戶的登錄信息？,使用JSP會(huì)話跟蹤機(jī)制，可以維持每個(gè)用戶的會(huì)話信息，也就是為不同的用戶保存不同的數(shù)據(jù),1,2,訪問控制流程圖：,用戶登錄,進(jìn)入用戶注冊(cè)頁面,系統(tǒng)保存該用戶的登錄信息,進(jìn)入欲訪問的頁面,是否是注冊(cè)用戶,否,是,用戶直接訪問某個(gè)頁面,進(jìn)入用戶登錄頁面,顯示該頁面內(nèi)容,系統(tǒng)是否保存

17、了該用戶登錄信息,否,是,瀏覽器關(guān)閉，本次會(huì)話結(jié)束,什么是會(huì)話,一個(gè)會(huì)話就是瀏覽器與服務(wù)器之間的一次通話，它包含瀏覽器與服務(wù)器之間的多次請(qǐng)求、響應(yīng)過程,瀏覽器,session對(duì)象,瀏覽器,session是JSP內(nèi)置對(duì)象，與瀏覽器一一對(duì)應(yīng)，允許用戶存儲(chǔ)和提取會(huì)話狀態(tài)的信息,session對(duì)象,JSP內(nèi)置對(duì)象session,session對(duì)象用來存儲(chǔ)有關(guān)用戶會(huì)話的所有信息 session對(duì)象常用方法： void setAttribute(String key, Object value)：以鍵/值的方式，將一個(gè)對(duì)象的值存放到session中 Object getAttribute(String k

18、ey)：根據(jù)名稱去獲取session中存放對(duì)象的值,session.setAttribute(name, admin);,String name = (String) session.getAttribute(name);,訪問控制就是基于session來完成的,為新聞發(fā)布系統(tǒng)增加訪問控制 4-1,升級(jí)新聞發(fā)布系統(tǒng)，增加訪問控制功能，具體要求如下： 提供用戶登錄頁面 用戶必須登錄之后，才能訪問新聞發(fā)布系統(tǒng),登錄處理頁面(login.jsp) 1、獲得登錄信息 2、查詢數(shù)據(jù)庫，判斷該用戶是否注冊(cè) 3、如果該用戶已注冊(cè)，在session中保存該用戶的登錄信息，并且跳轉(zhuǎn)到新聞發(fā)布系統(tǒng)的首頁面,新聞發(fā)

19、布系統(tǒng)首頁面(index.jsp) 1、從session中提取該用戶信息 2、如果用戶信息存在，顯示首頁內(nèi)容 3、如果用戶信息不存在，跳轉(zhuǎn)到登錄頁面,用戶已注冊(cè),session中無法提取到用戶信息,1,2,3,為新聞發(fā)布系統(tǒng)增加訪問控制 4-2,在news數(shù)據(jù)庫中創(chuàng)建表userinfo，負(fù)責(zé)存儲(chǔ)用戶名、密碼 創(chuàng)建類（User.java），負(fù)責(zé)存儲(chǔ)用戶名、密碼 創(chuàng)建登錄頁面（login.html） 創(chuàng)建登錄處理頁面（login.jsp）,-登錄處理頁面的代碼片斷- ,在session中存放用戶登錄信息,完整代碼實(shí)現(xiàn),完整代碼實(shí)現(xiàn),完整代碼實(shí)現(xiàn),為新聞發(fā)布系統(tǒng)增加訪問控制 4-3,在新聞發(fā)布系統(tǒng)后

20、臺(tái)首頁面(index1.jsp)中加入登錄驗(yàn)證,如果session中不存在該用戶的登錄信息，轉(zhuǎn)入登錄頁面,完整代碼實(shí)現(xiàn),為新聞發(fā)布系統(tǒng)增加訪問控制 4-4,訪問控制效果驗(yàn)證，步驟如下： 直接在IE地址欄中輸入U(xiǎn)RL，訪問系統(tǒng)首頁面 通過登錄頁面進(jìn)入系統(tǒng)首頁面 重新開啟一個(gè)IE窗口，直接訪問系統(tǒng)首頁面,每個(gè)步驟會(huì)發(fā)生什么樣的結(jié)果？為什么會(huì)產(chǎn)生這樣的結(jié)果？,每個(gè)session對(duì)象都與瀏覽器一一對(duì)應(yīng) 重新開啟一個(gè)瀏覽器，相當(dāng)于重新創(chuàng)建一個(gè)session對(duì)象,演示：訪問控制效果驗(yàn)證,include指令 2-1,除了首頁面，其它頁面中同樣需要加入登錄驗(yàn)證， 有沒有辦法避免冗余代碼的出現(xiàn)？,可以將一些共性

21、的內(nèi)容寫入一個(gè)單獨(dú)的文件中，然后通過include指令引用該文件，從而降低代碼的冗余問題，也便于修改共性內(nèi)容,include指令 2-2,創(chuàng)建登錄驗(yàn)證文件 checklogin.jsp 在后臺(tái)首頁面（index.jsp）中使用include指令引用登錄驗(yàn)證文件, ,完整代碼實(shí)現(xiàn),小結(jié)1,創(chuàng)建登錄頁面login.html 提供用戶名輸入框、以及登錄按鈕 創(chuàng)建登錄處理頁面login.jsp 如果用戶名為sa，把用戶名存儲(chǔ)在session中，并跳轉(zhuǎn)進(jìn)入index.jsp中 否則跳轉(zhuǎn)進(jìn)入login.html頁面 創(chuàng)建頁面index.jsp 如果session中沒有該用戶信息，跳轉(zhuǎn)進(jìn)入login.htm

22、l中 否則顯示歡迎信息,login.html,login.jsp,index.jsp,為新聞發(fā)布系統(tǒng)增加已訪問人數(shù)統(tǒng)計(jì) 4-1,升級(jí)新聞發(fā)布系統(tǒng)，增加已訪問人數(shù)統(tǒng)計(jì)功能，具體要求如下： 左導(dǎo)航頁面中增加超鏈接：已訪問人數(shù)統(tǒng)計(jì) 已訪問人數(shù)統(tǒng)計(jì)頁面：顯示已訪問人數(shù)，以及訪問者的登錄名稱,登錄處理頁面(login2.jsp) 1、在session中保存該用戶信息 2、在全局范圍內(nèi)保存該用戶信息 3、跳轉(zhuǎn)到新聞發(fā)布系統(tǒng)的首頁面,1,2,4,3,為新聞發(fā)布系統(tǒng)增加已訪問人數(shù)統(tǒng)計(jì) 4-2,創(chuàng)建登錄頁面（login2.html） 創(chuàng)建登錄處理頁面（login2.jsp）,-登錄處理頁面代碼片斷- if (r

23、s.next() User logineduser = new User(name, pass); session.setAttribute(LOGINED_USER, logineduser); List loginedUsers = new ArrayList(); /訪問者列表 if (application.getAttribute(LOGINED_USER) != null) loginedUsers = (List) application.getAttribute(LOGINED_USER); loginedUsers.add(logineduser); /把新登錄用戶的信息存入

24、訪問者列表中 application.setAttribute(LOGINED_USER, loginedUsers); response.sendRedirect(index.jsp); ,在全局范圍內(nèi)存入訪問者列表,從全局范圍內(nèi)取出原有的訪問者列表,完整代碼實(shí)現(xiàn),完整代碼實(shí)現(xiàn),為新聞發(fā)布系統(tǒng)增加已訪問人數(shù)統(tǒng)計(jì) 4-3,在新聞發(fā)布系統(tǒng)左導(dǎo)航欄中加入超鏈接（left.jsp） 創(chuàng)建已訪問人數(shù)統(tǒng)計(jì)頁面（showAllLoginedUsers.jsp）,-已訪問人數(shù)統(tǒng)計(jì)頁面代碼片斷- 目前,有人已經(jīng)訪問過本網(wǎng)站! 訪問者的登錄名稱分別是： ); %,從全局范圍內(nèi)取出訪問者列表,逐行顯示每個(gè)訪問者的

25、登錄名稱,完整代碼實(shí)現(xiàn),完整代碼實(shí)現(xiàn),已訪問人數(shù)統(tǒng)計(jì)效果驗(yàn)證，步驟如下： 通過登錄頁面進(jìn)入系統(tǒng)首頁面，查看已訪問人數(shù)統(tǒng)計(jì) 重新開啟一個(gè)IE窗口，使用不同的用戶登錄進(jìn)入首頁面，查看已訪問人數(shù)統(tǒng)計(jì),每個(gè)步驟會(huì)發(fā)生什么樣的結(jié)果？為什么會(huì)產(chǎn)生這樣的結(jié)果？,演示：已訪問人數(shù)統(tǒng)計(jì)的效果驗(yàn)證,為新聞發(fā)布系統(tǒng)增加已訪問人數(shù)統(tǒng)計(jì) 4-4,JSP內(nèi)置對(duì)象application,application類似于系統(tǒng)的“全局變量”，用于實(shí)現(xiàn)用戶之間的數(shù)據(jù)共享 application對(duì)象的常用方法： void setAttribute(String key, Object value)：以鍵/值的方式，將一個(gè)對(duì)象的值存放到application中 Object getAttribute(String key)：根據(jù)鍵去獲取application中存放對(duì)象的值,application.setAttribute(LOGINED_USER, new ArrayList();,if (application.getAttribute(LOGINED_USER) != null) List loginedUsers = (List) application.getAttribute(LO