Web程序設計指導書

《Web程序設計》上機指導實驗1ASP.NET基礎 1一、實驗目的 1二、實驗要求 1三、實驗步驟 1實驗2C#程序設計 3一、實驗目的 3二、實驗要求 3三、實驗步驟 3實驗3基本控件的使用 6一、實驗目的 6二、實驗要求 6實驗4用戶界面交互及網頁間的數據傳遞 7一、實驗目的 7二、實驗要求 7實驗5使用Web服務器常用控件 9一、實驗目的 9二、實驗要求 9三、實驗步驟 9實驗6狀態管理對象的應用 13一、實驗目的 13二、實驗要求 13三、實驗步驟 14實驗7設計數據庫應用網站 16一、實驗目的 16二、實驗要求 16三、實驗步驟 16實驗8Web技術綜合應用 19一、系統功能 19二、系統功能模塊分析 19三、數據庫設計 20實驗1ASP.NET基礎一、實驗目的通過本實驗了解HTML標記語言的基本語法格式了解使用HTML語言制作靜態網頁的基本技術掌握HTML表格的設計方法設計一個學生成績查詢的ASP.NET2.0網站二、實驗要求使用HTML語言，在Windows“記事本”程序中編寫HTML代碼，制作學生成績登記表，要求能在瀏覽器中正確顯示字體、字型、字號等格式。設計一個用于學生成績查詢的ASP.NET2.0網站。三、實驗步驟使用Windows記事本程序制作網頁編寫HTML代碼：啟動Windows附件中的記事本程序，編寫HTML代碼保存HTML文件執行如圖1-1圖1-1設計一個用于學生成績查詢的ASP.NET2.0網站設計要求：假設某學校現在有3個班級，要求設計一個能在網絡中通過IE瀏覽器進行各班級學生成績查詢的ASP.NET網站。設計時可采用VisualStudio2005或記事本為每個班級創建一個獨立的靜態頁面class1.htm、class2.htm、class3.htm。站點打開時首先顯示列有所有班級名稱的導航頁default.aspx，用戶通過單擊希望查看的班級名稱鏈接，打開對應的班級查詢網頁。創建ASP.NET網站啟動VS2005新建一個ASP.NET網站項目，新建3個HTML頁文件：顯示各班級學生成績列表內容的靜態網頁class1.htm、class2.htm、class3.htm。或者，將事先已通過記事本完成的用于顯示各班級學生成績列表內容的靜態網頁class1.htm、class2.htm、class3.htm添加到網站中。可以直接將準備好的靜態網頁文件復制到網站所在的文件夾，也可在“解決方案資源管理器”窗口中，選擇項目的保存位置后單擊鼠標右鍵，在彈出的快捷菜單中執行“添加現有項”命令，選擇需要添加的文件，單擊【添加】按鈕。設計WEB頁面切換到default.aspx的設計視圖，執行布局菜單下的“插入表”命令，在對話框中用戶可在可視化界面中設置HTML表格的各種屬性，單擊【確定】按鈕將表格插入到頁面當前光標位置設置對象屬性分別選擇頁面中的3個超鏈接控件，在屬性窗口中按表設計它們的初始屬性。表1-1屬性設置控件屬性值說明HyperLink1~HyperLink3IDlnkClass1、lnkClass2、lnkClass3控件在程序中使用的名稱Text網絡1班、網絡2班、網絡3班空間上顯示的文本NavigateUrlclass1.htm、class2.htm、class3.htm單擊控件時跳轉的目標URLTarget_blank打開新網頁時的目標框架編寫程序代碼測試運行結果

實驗2C#程序設計一、實驗目的通過上機操作掌握結構化設計的基本方法理解順序結構、選擇結構和循環結構的基本概念掌握if…else、switch、for和while語句的使用方法通過本實驗進一步理解使用C#2005創建ASP.NET網站的一般步驟和常用編程技巧二、實驗要求注：至少選做2題。設計一個能計算1！+2！+3！+…+n！的程序設計一個商場收費程序為小學生設計一個用于100以內的加法練習程序。要求見課本P93習題16小題。設計一個循環程序，當用戶單擊“開始”按鈕時，產生8組1~9之間的隨機整數，如果在某組中已產生了5個隨機數或產生的隨機數為6，則開始下一組。要求見課本P94習題17小題。三、實驗步驟設計階乘和計算程序（如圖）圖2-1圖2-2問題分析：可以將問題分為“計算若干項的和”與“計算某數的階乘”兩個層次來理解，這兩個層次分別通過for循環來處理。也就是說，可以通過一個for循環的嵌套來解決問題。設計WEB頁面：新建一個ASP.NET網站，切換到設計視圖。向頁面中添加需要說明文字和1個文本框TextBox1;1個按鈕Button1和1和用于顯示結果的標簽控件Label1。設置對象屬性表2-1屬性設置控件屬性值說明TextBox1IDtxtNum文本框在程序中使用的名稱Button1IDbtnOK按鈕控件在程序中使用的名稱Text確定按鈕控件上顯示的文本Label1IDlblResult標簽控件在程序中使用的名稱Text空標簽控件上顯示的文本編寫事件代碼設計商場收費程序圖2-3圖2-4要求：若沒有輸入商品數量，則默認為1.若沒有輸入商品的編號，直接單擊【確定】按鈕，則表示統計完畢，屏幕上顯示購物金額、折扣率和應付金額。為了防止因用戶誤單擊【確定】按鈕導致結算數據重復出現，在顯示了結算數據戶，【確定】按鈕呈灰色顯示。單擊【返回】按鈕清楚上次購物詳細清單及結算數據，將程序恢復為初始狀態。步驟：問題分析：用戶輸入“商品編號”及“數量”值后，程序根據預先的設定進行判斷，從而得到相應的“商品名稱”、“單價”、計算出小計值并將結果顯示到標簽控件中。為了得到總購物金額還需要對小計值進行累加。設計WEB頁面：新建一個ASP.NET網站，切換到設計視圖。向頁面中添加需要的說明文字和2個文本框；2個按鈕和一個用于顯示計算結果的標簽控件。設置對象的屬性表2-2屬性設置控件屬性值說明TextBox1IDtxtAmount文本框1在程序中使用的名稱TextBox2IDtxtSerial文本框2在程序中使用的名稱Button1IDbtnOK按鈕1控件在程序中使用的名稱Text確定按鈕1控件上顯示的文本Button2IDbtnBack按鈕2控件在程序中使用的名稱Text返回按鈕2控件上顯示的文本Label1IDlblBill標簽控件在程序中使用的名稱Text空標簽控件上顯示的文本編寫事件代碼

實驗3基本控件的使用一、實驗目的1、熟悉在MicrosoftVisualStudio.Net中建立項目的方法。2、掌握常用的Html服務器控件和Web服務器控件的主要屬性和它們的使用方法。二、實驗要求1、設計一個ASP.NET項目，實現如下功能： 通過一個組合列表框選擇或輸入姓名，通過復選框選擇其愛好，然后顯示“歡迎你，愛好***的**”的信息。其中***代表愛好，**代表姓名。2、利用Web服務器控件及C#程序完成以下功能：1）制作一個用戶登陸界面2）驗證用戶名和密碼是否正確，若正確給出歡迎信息，并可以輸入留言，否則，給出錯誤提示。

實驗4用戶界面交互及網頁間的數據傳遞一、實驗目的（1）練習ASP.NET基本狀態管理對象的使用（2）練習網頁間數據傳遞的方法二、實驗要求（1）設計一個登錄界面，在其中輸入登錄信息后，在同一頁面給出反饋結果。要求使用Request和Response對象操作完成。操作界面截圖如下：圖4-2圖4-1（2）設計如下圖所示的數據輸入界面： 圖4-3當用戶填寫并選擇完相應的信息，并單擊“提交”按鈕后，在另一界面返回用戶輸入的信息。如下圖： 圖4-4

實驗5使用Web服務器常用控件一、實驗目的通過上機操作進一部理解常用Web服務器控件的屬性、事件和方法，掌握控件在程序設計中的作用及特點。通過本實驗掌握在程序運行時動態地向頁面添加控件的程序設計方法。二、實驗要求注：以下題目至少選做2題。本實驗為了避免將程序設計的過于復雜，又兼顧到實驗的覆蓋面，將實驗分為兩個獨立的部分進行。使用選擇性控件（下拉列表和復選框）設計一個能根據用戶選擇查詢員工信息的Web應用程序。使用向頁面中動態添加控件的技術，設計一個簡單的在線測驗Web應用程序。設計一個可以在程序運行中動態更改文本框中字體、字型和字號的網頁。頁面打開后用戶可使用程序提供的單選按鈕更改字體（宋體、黑體、楷體、隸書），使用復選框更改字型（粗體、斜體和下劃線），使用下拉列表框更改字號（8、10、12、14、18、24、36、48）。文本框中的內容為您的專業、年級、班級、學號和姓名。設計一個用于按班級名稱查詢課表的網站。用戶可以使用頁面中的下拉列表框選擇班級名稱，進行班級課表查詢。使用用戶控件設計一個用戶注冊網頁。用戶控件公開Username和Password兩個屬性，分別對應用戶控件界面中兩個文本框的Text屬性。通過驗證時在頁面中顯示公開屬性的值。使用驗證控件對用戶輸入數據進行驗證（用戶名不能為空、兩次密碼必須相同），驗證失敗時，顯示出錯提示信息。三、實驗步驟 1．設計員工信息查詢程序 程序運行時的界面如圖5-1所示，用戶可通過下拉列表框選擇要查詢的員工所在的部門，程序能根據用戶選擇，自動在“姓名”下拉列表框中添加指定部門的員工姓名。例如選擇了教務處，則姓名下拉列表框中只有教務處員工的姓名。圖5-1用戶在選擇了“部門”和“姓名”后，頁面中顯示該員工的基本信息（姓名，性別和生日），選擇了“住址”，“電話”，“學歷”后，根據用戶選擇，程序自動將有關信息添加到頁面中，如圖6-2所示圖5-2如果要求“部門”下拉列表框中顯示的是“-選擇部門-”，則“姓名”下拉列表框中只有供選項“-選擇姓名-”，而沒有具體的員工姓名數據設計Web頁面新建一個ASP.NET網站項目，切換到設計視圖。按圖3-3所示向頁面中添加一個用于布局的HTML表格，適當調整表格的行列數及寬度。向頁面中添加必要的說明文字，添加2個下拉列表框控件DropDownList1和DropDownList2；添加一個復選框組控件CheckBoxList1和一個容件控件PlaceHolder1。適當調整個控件的大小及位置。圖5-3設計Web頁面2）創建下拉列表框的共享事件為了實現“部門”下拉列表框和“姓名”下拉列表框中的數據聯動，需要切換到源視圖，創建這兩個控件的共享SelectedIndexChanged事件，這里將共享時間名定義為：drop_SelectedIndexChanged。需要注意的是，本例中“部門”下拉列表框還有自己的SelectedIndexChanged事件的處理程序。也就是說，若“部門”下拉列表框中的選項變化時，將引起兩個SelectedIndexChanged事件。3）設置對象屬性表5-1屬性設置控件屬性值說明DropDownList1IDdropUnit部門下拉列表在程序中使用的名稱AutoPostBacktrue使用自動回發（默認值為false）Items“-選擇單位-”添加初始供選項DropDownList2IDdropName姓名下拉列表在程序中使用的名稱AutoPostBacktrue使用自動回發（默認值為false）Items“-選擇姓名-”添加初始供選項CheckBoxList1IDChklDisplay附加選項復選框在程序使用的名稱RepeatDirectionHorizontal設置個元素的排列方向Items“住址”,”電話”,”學歷”添加初始供選項AutoPostBacktrue使用自動回發（默認值為false）4）編寫事件代碼 2.設計簡易在線測試程序如圖5-4所示，要求在頁面打開時顯示一組模擬的測試題，每題均由一個4元素單選按鈕組控件4個選項，用戶可以使用鼠標選擇自己認為正確的答案。所有題目完成后，單擊[提交]按鈕，頁面將顯示出答對題的數量，所有答錯題目的標題均加一個淡蘭色底色，突出顯示出來。要求所有題目，分隔線均以動態的方式在程序運行時通過代碼添加到頁面中。 圖5-4動態添加控件問題分析設計Web頁面圖5-5設計Web頁面設置對象屬性表5-2個控件對象的屬性設置 事件過程代碼編寫實驗6狀態管理對象的應用一、實驗目的 通過本試驗進一步掌握Application和Session對象的特點和使用方法，理解Application對象和Session對象在應用程序中保存用戶數據的基本原理。二、實驗要求注：至少選做1題。1．設計一個簡易網上聊天室用戶訪問網站時首先打開登錄頁面（Default.aspx）。在輸入了用戶名和相應的密碼后，進入聊天頁面（chat.htm）。頁面通過框架分為上下兩部分，上方顯示聊天文字信息，下方顯示一個輸入聊天信息的表單，用戶在輸入了信息后單擊[提交]按鈕即可將信息發布到上方窗口。當用戶進入聊天頁面時，屏幕上顯示“***進入聊天室”（***為用戶昵稱）的信息。若用戶在登錄時忘記輸入用戶名或密碼是彈出出錯提示，如圖6-2所示；若輸入的用戶名或密碼不正確，彈出出錯信息，如圖6-3所示。圖6-1登錄聊天室圖6-2忘記輸入用戶名或密碼是時的提示圖6-3用戶名或密碼出錯時的提示圖6-4聊天頁面 2．設計一個站點計數器 要求：使用Session對象設計一個站點計數器，將來訪人數存放在放在站點內的counter.txt文件中，該數字不會因服務器或網站的重新啟動而丟失；程序運行時要將當前會話的ID值顯示到頁面中，注意比較SessionID值的變化。三、實驗步驟以簡易網上聊天室為例。1.設計登錄頁面（Default.aspx）新建一個ASP.NET網站，向頁面中添加一個用于布局的HTML表格，向表格中添加必要的說明文字。添加兩個文本框TestBox1和TestBox2，添加一個連接按鈕控件LinkButton1。適當調整各控件的大小及位置，頁面設計效果如圖5-1所示。設置Defalt.aspx中控件的屬性設置用戶名文本框TestBox1的ID屬性為txtUsername；設置密碼文本框的ID性為txtPassword，TextMode屬性為Password（將文本框設為密碼框）；設置連接按鈕LinkButton1的ID屬性為lbtnLogin，Text屬性為“進入聊天室”。編寫Default.aspx中包含的程序代碼添加并配置全局配置文件（Global.aspx）在解決方案資源管理器中，右鍵單擊網站名稱，在彈出的快捷菜單中執行“添加命令，然后選擇“全局應用程序類”模板，單擊[添加]按鈕。添加用于顯示聊天信息的頁面（main.aspx）通過解決方案資料管理器向網站中添加一個新Web窗體，將其命名為main.aspx。切換到設計視圖，向頁面中添加一個用于顯示聊天信息的標簽控件。將標簽的ID屬性設置為lblMsg,Text屬性設置為空。 6.設置發送聊天信息的頁面（send.aspx） 向網站中添加一個新的Web窗體，向頁面中添加一個用于顯示用戶名的標簽控件Label1，添加一個用于輸入聊天文字的文本框控件TextBox1和一個按鈕控件Button1如圖2所示。 設置標簽控件Label1的ID屬性為lblName，Text屬性為空；設置文本框TextBox1的ID屬性為txtMsg，TextMode屬性為MultiLine（能顯示多行文本）；設置按鈕控件Button1的ID屬性為btnSubmit，Text屬性為“提交”。7.編寫send.aspx中包含的程序代碼8.設計框架網頁chat.htm在Windows附件中的“記事本”程序中輸入如下HTML代碼，并以chat.htm為文件名進行保存，設計完畢的網頁必須保存到站點文件夾中。

實驗7設計數據庫應用網站一、實驗目的通過本實驗理解在ASP.NET環境中創建ASP.NET數據庫應用網站的方法和常用技巧；理解ADO.NET環境中的應用；掌握Web窗體控件的基本使用方法和常用屬性。本實驗除應用到了ADO.NET包含的主要對象和GirdView數據表控件外，還設計了許多SQL查詢語句和通過ASP.NET內置對象，在不同頁面間傳遞數據的技巧，這些都是開發Web數據庫應用程序的基本手段，要求在程序中認真理解其含義及語句書寫格式。二、實驗要求在ASP.NET環境中創建一個簡易的留言板網站。設已創建了一個Access數據庫文件msg.mdb，其中包含有用于存放用戶留言內容的message表和存放用戶登錄數據的userinfo表。在userinfo表中添加一條初始記錄。其中，“密碼”字段值為字符串“654321”經MD5算法加密后得到的密文字符串“C33367701511B4F6020EC61DED352059”；“答案”字段值為字符串“遼寧”經MD5算法加密后得到的密文字符串“2FF1BF5F2845959D00BCE4799AA程序具體要求如下。1.用戶登錄身份驗證2.查看和發表留言3.新用戶注冊4.忘記密碼的處理注：也可以使用Oracle、SQLServer2000/2005等數據庫系統。選做題目：課本第8章習題9、10、11、12題（P274~277）。三、實驗步驟1.用戶登陸功能的實現（register.aspx）（1）設計WEB頁面新建一個APS.NET網站，將準備好的數據庫文件復制到系統自動創建的App_Data文件夾中。向頁面中添加一個用于布局的HTML表格。向表格中添加必要的說明文字，添加2個文本框控件TextBox1和TextBox2，添加3個按鈕控件Button1~Button3。適當調整各控件的大小及位置。（2）設置對象屬性Default.aspx頁面中的控件初始屬性設置如表。表7-1屬性設置（3）編寫事件代碼首先，在代碼窗口最上方命名空間引用區中使用下列代碼引入OleDb命名空間：;然后，在此頁面裝入時執行的事件過程及各控件的觸發事件過程中填入代碼，詳細代碼見程序，就不在此詳述。2.查看和發表留言功能的實現（msg.aspx）（1）設計WEB頁面向網站中添加新的WEB窗體，并命名為msg.aspx。向頁面中添加一個用于布局的HTML表格。向頁面中添加必要的說明文字，添加一個用于顯示留言列表的GirdView控件，添加1個標簽控件Label1，添加1個用于填寫留言文本的文本框控件TextBox1和3個按鈕控件Button1~Button3。（2）設置對象屬性msg.aspx頁面中的控件初始屬性值見下表。表7-2屬性設置（3）編寫事件代碼首先，在代碼窗口最上方命名空間引用區中使用下列代碼引入OleDb命名空間：;然后，在此頁面裝入時執行的事件過程及各控件的觸發事件過程中填入代碼，詳細代碼見程序。3.新用戶注冊功能的實現（1）設計WEB頁面向網站中添加新的WEB窗體，并命名為register.aspx。向頁面中添加一個用于布局的HTML表格。向頁面中添加必要的說明文字，添加5個文本框控件TextBox1~TextBox5，添加1個鏈接按鈕控件LinkButton1控件和2個按鈕控件Button1、Button2。適當調整各控件的大小及位置。（2）設置對象屬性設置register.aspx頁面中的控件初始屬性值見下表。表7-3屬性設置（3）編寫事件代碼首先，在代碼窗口最上方命名空間引用區中使用下列代碼引入OleDb命名空間：;然后，在此頁面裝入時執行的事件過程及各控件的觸發事件過程中填入代碼，詳細代碼見程序。4.恢復遺忘密碼功能的實現（recover.aspx）（1）設計Web頁面通過解決方案資源管理器，向網站中添加一個新Web窗體并將其命名為recover.aspx。切換到設計視圖，向頁面中添加一個用于布局的HTML表格。向頁面中添加必要的說明文字，添加一個標簽控件Label1，添加2個文本框控件TextBox1、TextBox2和2個按鈕控件Button1、Button2。向表格的最后一行添加一個容器控件Panel1，并向其中添加一個用于布局的HTML表格，向表格中添加“請輸入新密碼：”“確認新密碼：”等說明文字，添加2個文本框控件TextBox3、TextBox4，添加1個按鈕控件Button3，適當調整各控件的大小及位置。（2）設置對象屬性頁面中各控件的初始屬性設置如表。表7-4屬性設置（3）編寫事件代碼首先，在代碼窗口最上方命名空間引用區中使用下列代碼引入OleDb命名空間：;在所有事件過程之外聲明一個字符串變量strAnswer來存放從數據庫中讀取的問題“答案”。其他詳細代碼見程序。