03第3章取用客戶端和服務(wù)器的信息

1、陳承歡 網(wǎng)站開發(fā)實(shí)例教程第3章取用客戶端和服務(wù)器的信息 教學(xué)環(huán)節(jié)【教學(xué)導(dǎo)航 】 1【操作準(zhǔn)備】 2【操作演練 】 3【技術(shù)提升 】 4【歸納總結(jié) 】 6【知識(shí)集成 】5【教學(xué)導(dǎo)航】教學(xué)目標(biāo)（1）學(xué)會(huì)獲取客戶端數(shù)據(jù)與跨頁(yè)傳遞數(shù)據(jù)（2）學(xué)會(huì)設(shè)計(jì)網(wǎng)站訪問(wèn)計(jì)數(shù)器與創(chuàng)建Global.asax文件（3）學(xué)會(huì)應(yīng)用Application對(duì)象、Session對(duì)象和全局應(yīng)用程序類設(shè)計(jì)一個(gè)簡(jiǎn)易聊天室（4）掌握多種頁(yè)面跳轉(zhuǎn)的實(shí)現(xiàn)方法與數(shù)據(jù)編碼（5）學(xué)會(huì)應(yīng)用Application對(duì)象、Session對(duì)象和Cookie對(duì)象制作一個(gè)簡(jiǎn)易投票系統(tǒng)（6）掌握Request、Response、Session、Applicatio

2、n、Server和Cookie等對(duì)象的作用、常用屬性和方法（7）熟悉Page對(duì)象和Page指令，了解Page對(duì)象的生命周期和常規(guī)Web頁(yè)面生命周期階段 課時(shí)建議6課時(shí)【操作準(zhǔn)備 】1創(chuàng)建 網(wǎng)站 在Visual Studio 2008主窗口中創(chuàng)建一個(gè) 網(wǎng)站，該網(wǎng)站的名稱為“eShop03”，該網(wǎng)站的存儲(chǔ)位置是“D: 網(wǎng)站開發(fā)實(shí)用教程WebSiteeShop03”，同時(shí)會(huì)自動(dòng)創(chuàng)建一個(gè)Web頁(yè)面Default.aspx。2準(zhǔn)備樣式文件和圖像文件 在文件夾“eShop03”（其路徑為“D: 網(wǎng)站開發(fā)實(shí)用教程WebSiteeShop03”）新建2個(gè)子文件夾，將新建的文件夾重命名為“css”和“image

3、s”。 將已有的樣式文件“style03.css”拷貝到子文件夾“css”中，將所需的圖像文件拷貝到子文件夾“images”中?！静僮餮菥?】【任務(wù)描述】【任務(wù)3-1】獲取客戶端數(shù)據(jù)與跨頁(yè)傳遞數(shù)據(jù) 設(shè)計(jì)2個(gè)Web頁(yè)面。其中一個(gè)是登錄頁(yè)面，在該頁(yè)面還可以查看客戶端的數(shù)據(jù)和用戶輸入的數(shù)據(jù)；另一個(gè)頁(yè)面主要用于查看跨頁(yè)傳遞的數(shù)據(jù)。 【任務(wù)實(shí)施】1設(shè)計(jì)Web頁(yè)面“eShop030101.aspx”2添加與設(shè)計(jì)第二個(gè)Web頁(yè)面“eShop030102.aspx”【操作演練 】【任務(wù)實(shí)施】【任務(wù)3-1】獲取客戶端數(shù)據(jù)與跨頁(yè)傳遞數(shù)據(jù) 3編寫程序代碼，實(shí)現(xiàn)程序功能（1）編寫Web頁(yè)面eShop030101.as

4、px的Page_Load事件過(guò)程的程序代碼（2）編寫Web頁(yè)面eShop030101.aspx的btn01_Click事件過(guò)程的程序代碼（3）編寫Web頁(yè)面eShop030101.aspx的btn03_Click事件過(guò)程的程序代碼（4）編寫Web頁(yè)面eShop030102.aspx的Page_Load事件過(guò)程的程序代碼（5）編寫Web頁(yè)面eShop030102.aspx的btn01_Click事件過(guò)程的程序代碼（6）編寫Web頁(yè)面eShop030102.aspx的btnConfirm_Click事件過(guò)程的代碼（7）編寫Web頁(yè)面eShop030102.aspx的btnReturn_Click事

5、件過(guò)程的代碼單擊【標(biāo)準(zhǔn)】工具欄中【保存】按鈕，保存編寫的程序代碼?！静僮餮菥?】【任務(wù)實(shí)施】【任務(wù)3-1】獲取客戶端數(shù)據(jù)與跨頁(yè)傳遞數(shù)據(jù) 4測(cè)試頁(yè)面eShop030101.aspx和頁(yè)面eShop030102.aspx切換到Web頁(yè)面eShop030101.aspx的設(shè)計(jì)視圖，按F5啟動(dòng)調(diào)試，Web頁(yè)面eShop030101.aspx成功運(yùn)行，在“用戶名”對(duì)應(yīng)的文本框中輸入“admin”，在“密碼”對(duì)應(yīng)的文本框中輸入“123456”，然后單擊按鈕【瀏覽用戶輸入信息】，其運(yùn)行效果如圖3-3所示。圖3-3Web頁(yè)面eShop030101.aspx的運(yùn)行效果 【操作演練 】【任務(wù)實(shí)施】【任務(wù)3-1】獲

6、取客戶端數(shù)據(jù)與跨頁(yè)傳遞數(shù)據(jù) 4測(cè)試頁(yè)面eShop030101.aspx和頁(yè)面eShop030102.aspx在運(yùn)行的Web頁(yè)面eShop030101.aspx中，單擊按鈕【不帶參數(shù)跳轉(zhuǎn)】，Web頁(yè)面eShop030102.aspx的運(yùn)行效果如圖3-4所示。圖3-4不帶參數(shù)跳轉(zhuǎn)時(shí)Web頁(yè)面eShop030102.aspx的運(yùn)行效果 【操作演練 】【任務(wù)實(shí)施】【任務(wù)3-1】獲取客戶端數(shù)據(jù)與跨頁(yè)傳遞數(shù)據(jù) 4測(cè)試頁(yè)面eShop030101.aspx和頁(yè)面eShop030102.aspx如果在運(yùn)行的Web頁(yè)面eShop030101.aspx中的文本框中輸入相同的數(shù)據(jù)，然后單擊按鈕【帶參數(shù)跳轉(zhuǎn)】，跳轉(zhuǎn)到W

7、eb頁(yè)面eShop030102.aspx，在運(yùn)行的頁(yè)面eShop030102.aspx中單擊按鈕【查看帶參數(shù)的數(shù)據(jù)傳遞】，如圖3-5所示。 圖3-5帶參數(shù)跳轉(zhuǎn)時(shí)Web頁(yè)面eShop030102.aspx的運(yùn)行效果 【操作演練 】【任務(wù)實(shí)施】【任務(wù)3-1】獲取客戶端數(shù)據(jù)與跨頁(yè)傳遞數(shù)據(jù) 4測(cè)試頁(yè)面eShop030101.aspx和頁(yè)面eShop030102.aspx在Web頁(yè)面eShop030102.aspx運(yùn)行時(shí)，單擊【確認(rèn)】按鈕會(huì)彈出如圖3-6所示的提示信息對(duì)話框，如果單擊【返回】按鈕則會(huì)跳轉(zhuǎn)到Web頁(yè)面eShop030101.aspx。 圖3-6“成功登錄”的提示信息對(duì)話框 【操作演練 】【

8、任務(wù)描述】【任務(wù)3-2】設(shè)計(jì)網(wǎng)站訪問(wèn)計(jì)數(shù)器 應(yīng)用Application對(duì)象和全局應(yīng)用程序類（即Global.asax文件）設(shè)計(jì)一個(gè)網(wǎng)站訪問(wèn)計(jì)數(shù)器，用于統(tǒng)計(jì)訪問(wèn)網(wǎng)站的在線人數(shù)?！救蝿?wù)實(shí)施】1添加與設(shè)計(jì)Web頁(yè)面eShop0302.aspx2添加一個(gè)全局應(yīng)用程序類（即Global.asax文件）在【解決方案資源管理器】中右鍵單擊項(xiàng)目名稱“eShop03”，在彈出的快捷菜單中單擊【添加新項(xiàng)】命令，打開【添加新項(xiàng)】對(duì)話框?！静僮餮菥?】【任務(wù)實(shí)施】【任務(wù)3-2】設(shè)計(jì)網(wǎng)站訪問(wèn)計(jì)數(shù)器 在【添加新項(xiàng)】對(duì)話框中單擊選擇模板“全局應(yīng)用程序類”選項(xiàng)，“名稱”文本框中文件名稱“Global.asax”保持不變，如圖

9、3-7所示，然后單擊【添加】按鈕，在項(xiàng)目“eShop03”中添加了一個(gè)全局應(yīng)用程序類文件。3在全局應(yīng)用程序類中編寫事件過(guò)程程序（1）編寫Application_Start事件過(guò)程的程序代碼（2）編寫Session_Start事件過(guò)程的程序代碼（3）編寫Session_End事件過(guò)程的程序代碼【操作演練 】【任務(wù)實(shí)施】【任務(wù)3-2】設(shè)計(jì)網(wǎng)站訪問(wèn)計(jì)數(shù)器 4在Web頁(yè)面eShop0302.aspx編寫程序顯示網(wǎng)站訪問(wèn)人數(shù)切換到Web頁(yè)面eShop0302.aspx的代碼編輯窗口，在該頁(yè)面的Page_Load事件過(guò)程中編寫程序代碼，顯示網(wǎng)站的在線訪問(wèn)人數(shù)。代碼如下：lbl01.Text = 您是該網(wǎng)站

10、的第 + Applicationcount.ToString() + 位訪問(wèn)者;5測(cè)試網(wǎng)站訪問(wèn)計(jì)數(shù)器Web頁(yè)面eShop0302.aspx的第1次運(yùn)行結(jié)果如圖3-8所示。Web頁(yè)面eShop0302.aspx的第3次運(yùn)行結(jié)果如圖3-9所示?！静僮餮菥?】【任務(wù)描述】【任務(wù)3-3】制作簡(jiǎn)易聊天室 應(yīng)用Application對(duì)象、Session對(duì)象和全局應(yīng)用程序類（即Global.asax文件）設(shè)計(jì)一個(gè)簡(jiǎn)易聊天室。（1）該聊天室包括2個(gè)Web頁(yè)面，一個(gè)是登錄頁(yè)面，另一個(gè)是聊天頁(yè)面。用戶登錄聊天室時(shí)應(yīng)用Application對(duì)象存儲(chǔ)登錄用戶名和在線用戶數(shù)量，應(yīng)用Session對(duì)象記錄登錄用戶名。聊天

11、頁(yè)面中顯示登錄用戶名稱、當(dāng)前在線人數(shù)、聊天內(nèi)容列表和用戶列表，并能輸入聊天內(nèi)容，且添加到聊天內(nèi)容列表中。（2）在Global.asax文件中對(duì)Application對(duì)象進(jìn)行初始化，包括聊天用戶列表、聊天內(nèi)容列表和當(dāng)前在線聊天人數(shù)?！静僮餮菥?】【任務(wù)實(shí)施】【任務(wù)3-3】制作簡(jiǎn)易聊天室1添加與設(shè)計(jì)Web頁(yè)面eShop030301.aspx2添加與設(shè)計(jì)Web頁(yè)面eShop030302.aspx3在全局應(yīng)用程序類中編寫事件過(guò)程程序（1）編寫Application_Start事件過(guò)程的程序代碼（2）編寫Application_End事件過(guò)程的程序代碼4編寫聊天室登錄頁(yè)面的功能代碼（1）編寫Web頁(yè)面e

12、Shop030301.aspx的Page對(duì)象Load事件過(guò)程的程序代碼（2）編寫Web頁(yè)面eShop030301.aspx的登錄按鈕Click事件過(guò)程的程序代碼（3）編寫Web頁(yè)面eShop030301.aspx的退出按鈕Click事件過(guò)程的程序代碼【操作演練 】【任務(wù)實(shí)施】【任務(wù)3-3】制作簡(jiǎn)易聊天室5編寫聊天室交談頁(yè)面的功能代碼（1）創(chuàng)建2個(gè)自定義方法（2）編寫Web頁(yè)面eShop030302.aspx的Page對(duì)象Load事件過(guò)程的程序代碼（3）編寫Web頁(yè)面eShop030302.aspx的退出按鈕Click事件過(guò)程的程序代碼（4）編寫Web頁(yè)面eShop030302.aspx的退出按

13、鈕Click事件過(guò)程的程序代碼6測(cè)試聊天室（1）測(cè)試第1個(gè)用戶登錄且進(jìn)入聊天室交談（2）測(cè)試以相同的用戶名重新登錄（3）測(cè)試多個(gè)用戶登錄聊天室并參與交談【操作演練 】【任務(wù)描述】【任務(wù)3-4】實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的多種方法與數(shù)據(jù)編碼 （1）應(yīng)用Server對(duì)象的Execute方法和Transfer方法以及Response對(duì)象Redirect方法分別實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)。（2）應(yīng)用Server對(duì)象UrlEncode方法和UrlEncode方法對(duì)字符串進(jìn)行編碼和解碼。（3）應(yīng)用Server對(duì)象的方法獲取服務(wù)器的計(jì)算機(jī)名稱、當(dāng)前運(yùn)行文件的路徑、當(dāng)前登錄用戶的名稱和當(dāng)前登錄用戶的密碼。（4）應(yīng)用Server對(duì)象的Ht

14、mlEncode方法和HtmlDecode方法對(duì)字符串進(jìn)行HTML編碼和解碼?！静僮餮菥?】【任務(wù)實(shí)施】【任務(wù)3-4】實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的多種方法與數(shù)據(jù)編碼 1添加與設(shè)計(jì)Web頁(yè)面eShop030401.aspx2添加與設(shè)計(jì)Web頁(yè)面eShop030402.aspx3編寫登錄頁(yè)面eShop030401.aspx的功能代碼（1）編寫Web頁(yè)面eShop030401.aspx的Page_Load事件過(guò)程的程序代碼（2）編寫Web頁(yè)面eShop030401.aspx的btnLogin01_Click事件過(guò)程的代碼（3）編寫Web頁(yè)面eShop030401.aspx的btnLogin02_Click事件過(guò)程

15、的代碼（4）編寫Web頁(yè)面eShop030401.aspx的btnLogin03_Click事件過(guò)程的代碼Web頁(yè)面eShop030401.aspx中按鈕【登錄三】的btnLogin03_Click事件過(guò)程的程序代【操作演練 】【任務(wù)實(shí)施】【任務(wù)3-4】實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的多種方法與數(shù)據(jù)編碼 4編寫Web頁(yè)面eShop030402.aspx的Page對(duì)象Load事件過(guò)程的程序代碼5測(cè)試多種頁(yè)面跳轉(zhuǎn)的實(shí)現(xiàn)方法與數(shù)據(jù)編碼（1）測(cè)試第1種頁(yè)面跳轉(zhuǎn)的實(shí)現(xiàn)方法（2）測(cè)試第2種頁(yè)面跳轉(zhuǎn)的實(shí)現(xiàn)方法（3）測(cè)試第3種頁(yè)面跳轉(zhuǎn)的實(shí)現(xiàn)方法【技術(shù)提升 】【任務(wù)描述】【任務(wù)3-5】制作簡(jiǎn)易投票系統(tǒng) 應(yīng)用Application

16、對(duì)象、Session對(duì)象和Cookie對(duì)象制作一個(gè)簡(jiǎn)易投票系統(tǒng)，該系統(tǒng)主要包括2個(gè)Web頁(yè)面：登錄頁(yè)面和投票頁(yè)面。（1）登錄頁(yè)面使用Cookie對(duì)象記錄用戶的登錄名稱、登錄密碼和登錄時(shí)間，同時(shí)也使用Session對(duì)象保存用戶的登錄名稱。（2）投票頁(yè)面使用Cookie對(duì)象的多種方法保存用戶的IP地址，以防止同一個(gè)IP地址的同一個(gè)登錄用戶重復(fù)投票。【技術(shù)提升 】【任務(wù)實(shí)施】【任務(wù)3-5】制作簡(jiǎn)易投票系統(tǒng) 1添加與設(shè)計(jì)Web頁(yè)面eShop030501.aspx2添加與設(shè)計(jì)Web頁(yè)面eShop030502.aspx3在全局應(yīng)用程序類中編寫事件過(guò)程程序4編寫投票系統(tǒng)登錄頁(yè)面eShop030501.asp

17、x的功能代碼（1）編寫Web頁(yè)面eShop030501.aspx的Page對(duì)象Load事件過(guò)程的程序代碼（2）編寫Web頁(yè)面eShop030501.aspx的登錄按鈕Click事件過(guò)程的程序代碼（3）編寫Web頁(yè)面eShop030501.aspx的cbAuto_CheckedChanged過(guò)程的代碼（4）編寫Web頁(yè)面eShop030501.aspx的退出按鈕Click事件過(guò)程的程序代碼【技術(shù)提升 】【任務(wù)實(shí)施】【任務(wù)3-5】制作簡(jiǎn)易投票系統(tǒng) 5編寫投票系統(tǒng)投票頁(yè)面eShop030502.aspx的功能代碼（1）編寫Web頁(yè)面eShop030502.aspx的Page對(duì)象Load事件過(guò)程的程序

18、代碼（2）編寫Web頁(yè)面eShop030502.aspx的投票按鈕Click事件過(guò)程的程序代碼6測(cè)試投票系統(tǒng)（1）取消復(fù)選框“兩周內(nèi)記住用戶名和密碼”的選中狀態(tài)，測(cè)試用戶登錄和投票（2）測(cè)試用戶登錄時(shí)選擇復(fù)選框“兩周內(nèi)記住用戶名和密碼”的登錄與投票（3）測(cè)試用戶登錄時(shí)自動(dòng)顯示用戶名和密碼的登錄與投票【知識(shí)集成 】3.4.1Page對(duì)象1Page對(duì)象與Page指令 的頁(yè)面類繼承自System.Web.UI.Page類，每一個(gè) 頁(yè)面對(duì)應(yīng)一個(gè)頁(yè)面類，Page對(duì)象就是頁(yè)面類的實(shí)例，表示客戶端請(qǐng)求的頁(yè)面，即已編譯運(yùn)行的頁(yè)面（內(nèi)存中的實(shí)例），該頁(yè)面來(lái)自于.aspx文件。Page對(duì)象充當(dāng)頁(yè)中所有服務(wù)器控件（

19、實(shí)現(xiàn)INamingContaine接口的控件或?qū)崿F(xiàn)此接口控件的子控件除外）的命名容器。2Page對(duì)象的主要屬性和事件Page對(duì)象的主要屬性如表3-31所示。【知識(shí)集成 】3.4.1Page對(duì)象3頁(yè)面對(duì)象（Page對(duì)象）的生命周期當(dāng)用戶在地址欄中輸入一個(gè)Web頁(yè)面的地址后，服務(wù)器頁(yè)面對(duì)象的生命周期便開始了。首先，Web頁(yè)面進(jìn)行初始化。然后是頁(yè)面的加載過(guò)程，此時(shí)將會(huì)執(zhí)行Page_Load事件。在加載之后，對(duì)控件的事件進(jìn)行處理。最后一個(gè)階段便是頁(yè)面的釋放過(guò)程，執(zhí)行Page_UnLoad事件中的代碼，對(duì)數(shù)據(jù)庫(kù)連接或?qū)ο筮M(jìn)行關(guān)閉等操作。當(dāng)所有的階段完成之后，Web服務(wù)器將執(zhí)行后的代碼發(fā)送給客戶端，顯示在

20、用戶的瀏覽器中。該過(guò)程的示意圖如圖3-31所示。客戶端發(fā)出瀏覽頁(yè)面的請(qǐng)求返回的數(shù)據(jù)顯示在瀏覽器中服務(wù)器端觸發(fā)Page_Init事件觸發(fā)Page_Load事件服務(wù)器端數(shù)據(jù)驗(yàn)證觸發(fā)控件事件觸發(fā)Page_UnLoad事件HTTP請(qǐng)求HTML代碼圖3-31頁(yè)面對(duì)象生命周期示意圖 【知識(shí)集成 】3.4.1Page對(duì)象4常規(guī)Web頁(yè)面生命周期階段一般來(lái)說(shuō)，Web頁(yè)面都要經(jīng)歷表3-33所述的各個(gè)階段。除了頁(yè)生命周期階段以外，在請(qǐng)求前后還存在應(yīng)用程序階段，但是這些階段并不特定于某個(gè)頁(yè)面。5頁(yè)面事件及其生命周期在頁(yè)面生命周期的每個(gè)階段中，頁(yè)面將觸發(fā)事件以執(zhí)行事件過(guò)程代碼。對(duì)于控件事件，通過(guò)以聲明方式使用屬性（例

21、如onclick）或使用代碼的方式，均可以將事件處理程序綁定到事件。頁(yè)面還支持自動(dòng)事件連接， 將查找具有特定名稱的方法，并在觸發(fā)了特定事件時(shí)自動(dòng)運(yùn)行這些方法?！局R(shí)集成 】3.4.2Request對(duì)象 1Request對(duì)象概述Request對(duì)象可形象地稱為請(qǐng)求對(duì)象，是頁(yè)面Page對(duì)象的成員，在程序中不需要聲明便可以直接使用。請(qǐng)求對(duì)象有許多有用的屬性，分別提供了服務(wù)器端、客戶端、文件路徑和參數(shù)傳遞等相關(guān)信息。2Request對(duì)象常用屬性和方法（1）QueryString集合（2）Form集合（3）ServerVariables集合（4）Params集合【知識(shí)集成 】3.4.3Response對(duì)象

22、1Response對(duì)象概述Response對(duì)象可形象地稱為響應(yīng)對(duì)象，響應(yīng)對(duì)象也是頁(yè)面對(duì)象的成員，在程序中不需要聲明便可以直接使用。響應(yīng)對(duì)象主要用來(lái)將HTTP的信息進(jìn)行封裝，并從 服務(wù)器端發(fā)送到用戶瀏覽器端，以供用戶通過(guò)瀏覽器進(jìn)行瀏覽。2Response對(duì)象常用屬性和方法（1）Write()方法用于向?yàn)g覽器發(fā)送指定的文本內(nèi)容。（2）End()方法可以使Web服務(wù)器停止當(dāng)前的程序并返回結(jié)果。（3）Redirect()方法用于將客戶端重定向到新的URL，該方法常被用來(lái)根據(jù)指定的條件將用戶導(dǎo)航到不同的頁(yè)面?！局R(shí)集成 】3.4.4Application對(duì)象1Application對(duì)象概述Applica

23、tion對(duì)象是Page對(duì)象的成員，是一個(gè)應(yīng)用程序級(jí)的對(duì)象，用來(lái)在所有用戶間共享信息，并可以在Web應(yīng)用程序運(yùn)行期間持久地保持?jǐn)?shù)據(jù)。 2Application對(duì)象常用屬性（1）All屬性All屬性返回全部Application對(duì)象變量到一個(gè)對(duì)象數(shù)組。（2）AllKeys屬性AllKeys屬性返回全部Application對(duì)象變量到一個(gè)字符串?dāng)?shù)組。（3）Count屬性獲取Application對(duì)象變量的數(shù)量。（4）Item屬性使用索引或Application變量名傳回內(nèi)容值?！局R(shí)集成 】3.4.4Application對(duì)象3Application對(duì)象常用方法（4）Set方法Set方法使用變量名更

24、新一個(gè)Application對(duì)象變量值。（5）Lock方法Lock方法用于鎖定全部Application變量。例如：Application.Lock();（6）UnLock方法UnLock方法用于解除對(duì)Application變量的鎖定。例如：Application.UnLock();（1）Add方法Add方法用于新增一個(gè)Application對(duì)象變量。（2）Clear方法Clear方法用于清除全部Application對(duì)象變量。（3）Get方法Get方法使用索引值或變量名傳回變量值?！局R(shí)集成 】3.4.5Session對(duì)象1Session對(duì)象概述Session對(duì)象可稱之為記錄瀏覽器的變量對(duì)象，簡(jiǎn)稱為會(huì)話對(duì)象。Session對(duì)象是Page對(duì)象的成員。Session對(duì)象是HttpSessionState類的一個(gè)實(shí)例，其功能和Application對(duì)象類似，都是用來(lái)存儲(chǔ)跨網(wǎng)頁(yè)程序的變量或者對(duì)象，為從 應(yīng)用程序