1、實(shí)驗(yàn)二 ASP.NET內(nèi)置對(duì)象注意事項(xiàng)：在F盤(pán)領(lǐng)卷文件夾里建立自己的工作目錄，以自己的 姓名學(xué)號(hào)作為目 錄名，專門(mén)存儲(chǔ)你所做的實(shí)驗(yàn)程序及相關(guān)信息。、實(shí)驗(yàn)?zāi)康?1)熟練掌握 Application、Session對(duì)象的使用。(2)熟練掌握 Request、Response對(duì)象的使用。(3)掌握跨頁(yè)面提交的應(yīng)用。、實(shí)驗(yàn)內(nèi)容1 .設(shè)計(jì)并實(shí)現(xiàn)一個(gè)簡(jiǎn)易聊天室要求如下：(1)頁(yè)面瀏覽效果如圖4-1圖4-4所示。(2)用戶名和密碼信息存儲(chǔ)在二維數(shù)組中。(3)圖4-2圖4-4使用框架技術(shù)。(4)必須包含 Response、Session 和 Application 對(duì)象的應(yīng)用。我的聊天室用戶名： 產(chǎn)四瘙珥：登

2、錄|圖4-1 “聊天室”瀏覽效果(1)漸橫哂天空李四進(jìn)入聊天室圖4-2 “聊天室”瀏覽效果(2)JFF1E fit府 IL dll 就 土小 I HKE山景的0天堂李四進(jìn)入聊天室李四說(shuō)：大聚好 C201G-1 1-8 23:22-20發(fā)送圖4-3 “聊天室”瀏覽效果(3)李四班入場(chǎng)P天室李四說(shuō)亡 大默好12016 11 g23 2321) 張三進(jìn)入聊天室張三說(shuō)*C20L0-U -X 23:24:4?)發(fā)m人，版三圖4-4 “聊天室”瀏覽效果(4)2 .設(shè)計(jì)并實(shí)現(xiàn)同一個(gè)簡(jiǎn)易的購(gòu)物車 要求如下：(1)頁(yè)面瀏覽效果如圖4-5所示口均寵物購(gòu)買(mǎi)頁(yè)口盲魚(yú)的波斯貓、二， iraa ina r千里馬E1綿羊放

3、入購(gòu)物車 查看購(gòu)物車圖4-5購(gòu)物車效果(1)(2)選擇相應(yīng)寵物，單擊放入“放入購(gòu)物車”按鈕，可看到供選擇的寵物，如圖4-6所示。后退即生 耳止刷新主度恢復(fù)口畫(huà)查看簿物車X |購(gòu)物車中現(xiàn)有寵物士 |查看購(gòu)折|波斯朝斑馬清空購(gòu)物車 繼續(xù)購(gòu)物圖4-6購(gòu)物車效果(2)(3)如圖4-7所示，單擊“清空購(gòu)物車”按鈕，將清除購(gòu)物車中的寵物信息，并顯示“沒(méi)有選擇任何寵物”的提示信息。 /1,ft 口 f-c-i- j a-fa查看購(gòu)物車X校有選購(gòu)任何寵物!釬小： 弓續(xù)購(gòu)物圖4-7購(gòu)物車效果(3)三、實(shí)驗(yàn)步驟1.設(shè)計(jì)并實(shí)現(xiàn)一個(gè)簡(jiǎn)易的聊天室(1)新建網(wǎng)站新建一個(gè)網(wǎng)站，添加 Web 窗體 ChatLogin.asp

4、x、Web 窗體 ChatDisplay.aspx、Web 窗體 SendMessage.aspx HTML 頁(yè) Chat.htm 和全局應(yīng)用程序類Global.asax。其中ChatLogin.aspx用 于聊天室用戶登錄；ChatDisplay.aspx用 于顯示聊天信息；SendMessage.aspx用于發(fā)送聊天信息；Chat.htm用于設(shè)置框架頁(yè)；Global.asax用于存儲(chǔ)Application_Start 事件代碼。（2）設(shè)計(jì) ChatLogin.aspx如圖4-8所示，在設(shè)計(jì)視圖添加一個(gè)用于布局的四行三列表格（“工具箱” |“ HTML ”），向表格輸入說(shuō)明信息；接著添加2個(gè)

5、TextBox控件、2個(gè) RequiredFieldValidator控件和1個(gè)Button控件，適當(dāng)調(diào)整各控件的大小和位置。ChatLogin.aspx中各控件的屬性設(shè)置如表4-1所示。圖4-8設(shè)計(jì)界面（1）表4-1各控件的屬性設(shè)置表控件屬性名屬性值說(shuō)明TextBoxIDtxtName“用戶名”文本 框的編程名稱RequiredFieldValidatorIDrfvName“必須輸入驗(yàn) 證”控件的編程 名稱ControlToValidatetxtName驗(yàn)證“用戶名” 文本框ErrorMessage請(qǐng)輸入用戶名驗(yàn)證無(wú)效時(shí)提 示的錯(cuò)誤信息TextBoxIDtxtPassword“密碼”文本框

6、的編程名稱TextModePassword設(shè)置“密碼”文 本框?yàn)槊艽a模 式RequiredFieldValidatorIDrfvPassword“必須輸入驗(yàn) 證”控件的編程 名稱ControlToValidatetxtPassword驗(yàn)證“密碼”文 本框ErrorMessage請(qǐng)輸入密碼驗(yàn)證無(wú)效時(shí)提 示的錯(cuò)誤信息ButtonIDbtnLogin“登錄”按鈕的 編程名稱Text登錄“登錄”按鈕上 顯示的文本(3)編寫(xiě)ChatLogin.aspx事件代碼在所有事件代碼外聲明一個(gè)存放用戶名和密碼的數(shù)組，代碼如下:Web窗體首次載入時(shí)執(zhí)行的代碼如下:按鈕btnLogin被單擊時(shí)執(zhí)行的事件代碼如下:（

7、4）設(shè)計(jì) ChatDisplay.aspx在設(shè)計(jì)視圖添加一個(gè)Label 控件， 設(shè)置屬性ID 值為 “ lblMsg ”。 切換到 “源” 視圖 ，在head標(biāo)簽之間 輸入下面的代碼， 用于控制ChatDisplay.aspx,每過(guò)4s后自動(dòng)刷新一 次。（ 5）編寫(xiě)ChatDisplay.aspx 事件代碼Web 窗體首次載入時(shí)執(zhí)行的代碼如下：(6)設(shè)計(jì) SendMessage.aspx如圖4-9所示，在設(shè)計(jì)視圖添加 1個(gè)Label控件、1個(gè)TextBox控件和1個(gè)Button 控件。適當(dāng)調(diào)整各控件的大小和位置。圖4-9設(shè)計(jì)界面(2)SendMessage.aspx中各控件的屬性設(shè)置如表 4-

8、2所示。表4-2各控件的屬性設(shè)置表控件屬性名屬性值說(shuō)明LabelIDlblName顯示發(fā)言人信 息的Label控件 編程名稱TextBoxIDtxtMessage“聊天消息”文 本框的編程名 稱TextModeMultiLine設(shè)置“聊天消 息”文本框?yàn)槎?行模式ButtonIDbtnSend“發(fā)送”按鈕的 編程名稱Text發(fā)送“發(fā)送”按鈕上 顯示的文本(7)編寫(xiě) SendMessage.aspx事件代碼Web窗體首次載入時(shí)執(zhí)行的代碼如下：8）編Chat.htmFrontPage 或 Dreamweaver 中建立一個(gè) “上下框架”網(wǎng)頁(yè)， 再將 HTML 源代碼復(fù)制出來(lái)。也可以在Visual

9、Studio2008 中建立一個(gè)HTML 頁(yè)，再輸入代碼如下：9）編寫(xiě)Global.asax 事件代碼網(wǎng)站啟動(dòng)時(shí)被觸發(fā)的事件代碼如下:（ 10）從ChatLogin.aspx 開(kāi)始對(duì)聊天室網(wǎng)站進(jìn)行測(cè)試2. 設(shè)計(jì)并實(shí)現(xiàn)一個(gè)簡(jiǎn)易的購(gòu)物車（ 1 ）新建網(wǎng)站新建一個(gè)網(wǎng)站，添加 Web 窗體 ViewCart.aspx。 其中 Default.aspx 用于選擇寵物并放入到購(gòu)物車中；ViewCart.aspx 用于查看購(gòu)物車中寵物信息、清空購(gòu)物車和返回Default.aspx。（ 2）設(shè)計(jì)Default.aspx如圖 4-10 所示，在“設(shè)計(jì)”視圖添加 1 個(gè) CheckBoxList 控件和 2 個(gè)

10、Button 控件。 適當(dāng)調(diào)整個(gè)控件的位置和大小。按鈕 btnBuy 被單擊時(shí)執(zhí)行的事件代碼如下：圖4-10設(shè)計(jì)界面(3)Default.aspx中各控件的屬性設(shè)置如表4-3所示。其中復(fù)選框列表空間中的列表項(xiàng)請(qǐng)參考圖4-10設(shè)置。表4-3各控件的屬性設(shè)置表控件屬性名屬性值說(shuō)明CheckBoxLi stIDchklsPet復(fù)選框列表控件的編程名稱Items金魚(yú)、波斯貓、斑 馬、獵狗、綿羊在彈出的對(duì)話框里單擊五次“添加” 按鈕，并分別輸入五個(gè)“ Text”ButtonIDbtnBuy“放入購(gòu)物車”按鈕的編程名稱Text放入購(gòu)物車“放入購(gòu)物車”按鈕上顯示的文本ButtonIDbtnView“查看購(gòu)物

11、車”按鈕的編程名稱Text查看購(gòu)物車“查看購(gòu)物車”按鈕上顯示的文本(3)編寫(xiě)Default.aspx事件代碼Web窗體首次載入時(shí)執(zhí)行的代碼如下:按鈕 btnView 被單擊時(shí)執(zhí)行的事件代碼如下：(4)設(shè)計(jì) ViewCart.aspx如圖4-11所示，在"設(shè)計(jì)”視圖添加1個(gè)Label控件、1個(gè)CheckBoxList控件和2個(gè)Button控件。適當(dāng)調(diào)整個(gè)控件的位置和大小。圖4-11設(shè)計(jì)界面(4)ViewCart.aspx中各控件的屬性設(shè)置如表4-4所示。表4-4各控件的屬性設(shè)置表控件屬性名屬性值說(shuō)明LabelIDlblMsg用于顯示購(gòu)物車中是否包含寵物信 息的Label控件編程名稱Text空初始不顯示任何內(nèi)容CheckBoxListIDchklsPet復(fù)選框列表控件的編程名稱ButtonIDbtnClear“清空購(gòu)物車”按鈕的編程名稱Text清空購(gòu)物車“清空