《Web程序設計——ASP.NET上機實驗指導（第3版)—微課版》由“實驗目的”、“實驗內容及要求”、“實驗步驟”和“實驗拓展”組成，采用“任務驅動”方式設計，突出技術應用能力培養，**學生從“跟著走”到“自己走”的轉變。

\"本書是《Web程序設計——ASP.NET實用網站開發（第3版）—微課版》的配套上機實驗指導教材。全書分為兩部分，第一部分為課程實驗，第二部分為課程設計選題。 　　課程實驗部分采用Visual Studio Community 2017開發平臺，以完成並拓展一個基於ASP.NET實現網上購物的MyPetShop應用程序為目標，共安排14個實驗，分別與《Web程序設計——ASP.NET實用網站開發（第3版）—微課版》的第1～14章內容相對應。每個實驗均由“實驗目的”“實驗內容及要求”“實驗步驟”和“實驗拓展”組成，采用“任務驅動”方式設計，突出技術應用能力培養，引領學生完成從“跟著走”到“自己走”的轉變。 　　課程設計選題部分共安排10個源自實際工程的選題，供學生在學完本課程後分組選擇進行課程設計，達到團隊開發Web應用程序的目的。 　　本書可作為高等院校計算機相關專業Web程序設計的上機實驗指導教材，也可作為對Web程序設計感興趣的讀者的自學參考書。\"

　　
　　
　　
　　
　　
　　
　　
　　
　　
　　
**部分 課 程 實 驗
實驗1 ASP.NET網站的建立及運行 3
實驗2 ASP.NET網站開發基礎 15
實驗3 C#和ASP.NET的結合 28
實驗4 ASP.NET標準控件 37
實驗5 ASP.NET窗體驗證 46
實驗6 HTTP請求、響應及狀態管理 54
實驗7 數據訪問 62
實驗8 數據綁定 75
實驗9 ASP.NET三層架構 83
實驗10 主題、母版和用戶控件 137
實驗11 網站導航 151
實驗12 ASP.NET Ajax 158
實驗13 Web服務和WCF服務 164
實驗14 文件管理 174
第二部分 課程設計選題
設計1 基於ASP.NET的軟件外包項目管理繫統 185
設計2 基於ASP.NET的大學生交流網站 187
設計3 基於ASP.NET的客戶信息反饋繫統 189
設計4 基於ASP.NET的旅遊網站 191
設計5 基於ASP.NET的網絡掛號繫統 193
設計6 基於ASP.NET的教師招聘管理繫統 195
設計7 基於ASP.NET的人纔服務社交平臺 197
設計8 基於ASP.NET的企業在線學習平臺 199
設計9 基於ASP.NET的學科競賽網站 201
設計10 基於ASP.NET的人事管理繫統 203

ASP.NET窗體驗證 一、實驗目的 　　（1）理解客戶端和服務器端驗證。
　　（2）掌握ASP.NET各驗證控件的使用。
　　（3）掌握分組驗證的方法。
二、實驗內容及要求 　　1．設計並實現一個帶驗證控件的用戶注冊頁面 　　要求如下： 　　（1）頁面瀏覽效果如圖5-1和圖5-2所示。
　　（2）“用戶名”“密碼”“確認密碼”“生日”“電話號碼”和“身份證號”等信息必須輸入。
　　（3）“密碼”和“確認密碼”的輸入值必須一致。
　　（4）“生日”的輸入值必須在1900-1-1到2020-1-1之間。
　　（5）“電話號碼”的輸入信息格式必須如021-66798304形式。
　　（6）“身份證號”中的出生年月信息必須為合法的日期數據。
　　（7）能彙總顯示所有的驗證錯誤信息，並以獨立的對話框顯示。
　　（8）當驗證控件出現驗證錯誤時，焦點會定位在出現驗證錯誤的文本框中。
　　（9）若通過所有的驗證，則顯示“驗證通過！”的信息。
圖5-2 “用戶注冊驗證頁面”瀏覽效果（2） 　　2．設計並實現同一個頁面的分組驗證功能 　　要求如下： 　　（1）頁面瀏覽效果如圖5-3所示。
　　（2）如圖5-4所示，當單擊“用戶名是否可用”按鈕時，僅對“用戶名”進行驗證。
圖5-3 “分組驗證頁”瀏覽效果（1） 圖5-4 “分組驗證頁”瀏覽效果（2） 　　（3）如圖5-5和圖5-6所示，當在“用戶名”文本框中輸入leaf，再單擊“用戶名是否可用”按鈕時輸出“抱歉！該用戶名已被占用！”的信息；當在“用戶名”文本框中輸入其他信息，再單擊“用戶名是否可用”按鈕時輸出“恭喜！該用戶名可用！”的信息。
圖5-5 “分組驗證頁”瀏覽效果（3） 圖5-6 “分組驗證頁”瀏覽效果（4） 　　（4）如圖5-7所示，當單擊“確定”按鈕時，對“密碼”“確認密碼”“生日”“電話號碼”和“身份證號”進行驗證。 圖5-7 “分組驗證頁”瀏覽效果（5） 三、實驗步驟 　　1．設計並實現一個帶驗證控件的用戶注冊頁面 　　（1）安裝並配置jQuery。
　　① 參考實驗2在ExSite網站中利用NuGet程序包管理器安裝jQuery。若在實驗2中已安裝jQuery，則略過本步驟。
　　② 在ExSite網站根文件夾中建立Global.asax文件（全局應用程序類文件），並在網站啟動時執行的Application_Start()方法中添加代碼如下： 　　 　　ScriptResourceDefinition scriptResDef = new ScriptResourceDefinition(); 　　//設置jQuery提供的JavaScript庫路徑，其中版本號由安裝的jQuery版本號確定 　　scriptResDef.Path = \"～/Scripts/jquery-3.2.1.min.js\"; 　　ScriptManager.ScriptResourceMapping.AddDefinition(\"jquery\", scriptResDef); 　　 　　（2）設計Web窗體。
　　在ExSite網站根文件夾下建立Ex5文件夾，再在Ex5文件夾中添加一個Web窗體Register.aspx，切換到“設計”視圖。如圖5-8所示，向頁面添加一個用於頁面布局的6行3列表格。在相應的單元格中輸入“用戶名：”“密碼：”“確認密碼：”“生日：”“電話號碼：”和“身份證號：”，並設置這些單元格的style屬性，使得文本的對齊方式為右對齊；在相應的單元格中共添加六個TextBox控件、六個RequiredFieldValidator控件、一個CompareValidator控件、一個RangeValidator控件、一個RegularExpressionValidator控件和一個CustomValidator控件。適當調整各單元格的寬度。在表格下面添加Button、Label和ValidationSummary控件各一個。
圖5-8 帶驗證控件的用戶注冊設計界面 　　（3）設置各控件的屬性。
　　Web窗體中各控件的屬性設置如表5-1所示。
　　表5-1 各控件的屬性設置表 控 件 屬 性 名 屬 性 值 說 明 TextBox ID txtName “用戶名”文本框的編程名稱 RequiredFieldValidator ID rfvName “必須輸入驗證”控件的編程名稱 ControlToValidate txtName 驗證“用戶名”文本框 Display Dynamic 隻有驗證未通過時纔占用空間 ErrorMessage 請輸入用戶名！ 驗證未通過時在“彙總驗證”控件中顯示的錯誤信息 SetFocusOnError True 驗證未通過時將焦點定位到“用戶名”文本框 Text * 驗證未通過時提示的錯誤信息 TextBox ID txtPassword “密碼”文本框的編程名稱 TextMode Password 設置“密碼”文本框為密碼模式 續表 控 件 屬 性 名 屬 性 值 說 明 RequiredFieldValidator ID rfvPassword “必須輸入驗證”控件的編程名稱 Display Dynamic 隻有驗證未通過時纔占用空間 ControlToValidate txtPassword 驗證“密碼”文本框 ErrorMessage 請輸入密碼！ 驗證未通過時在“彙總驗證”控件中顯示的錯誤信息 SetFocusOnError True 驗證未通過時將焦點定位到“密碼”文本框 Text * 驗證未通過時提示的錯誤信息 TextBox ID txtPasswordAgain “確認密碼”文本框的編程名稱 TextMode Password 設置“確認密碼”文本框為密碼模式 RequiredFieldValidator ID rfvPasswordAgain “必須輸入驗證”控件的編程名稱 ControlToValidate txtPasswordAgain 驗證“確認密碼”文本框 Display Dynamic 隻有驗證未通過時纔占用空間 ErrorMessage 請輸入確認密碼！ 驗證未通過時在“彙總驗證”控件中顯示的錯誤信息 SetFocusOnError True 驗證未通過時將焦點定位到“確認密碼”文本框 Text * 驗證未通過時提示的錯誤信息 CompareValidator ID cvPassword “比較驗證”控件的編程名稱 ControlToCompare txtPassword 與“密碼”文本框比較 ControlToValidate txtPasswordAgain 驗證“確認密碼”文本框 Display Dynamic 隻有驗證未通過時纔占用空間 ErrorMessage 密碼與確認密碼不一致！ 驗證未通過時在“彙總驗證”控件中顯示的錯誤信息 SetFocusOnError True 驗證未通過時將焦點定位到“確認密碼”文本框 TextBox ID txtBirthday “生日”文本框的編程名稱 RequiredFieldValidator ID rfvBirthday “必須輸入驗證”控件的編程名稱 ControlToValidate txtBirthday 驗證“生日”文本框 Display Dynamic 隻有驗證未通過時纔占用空間 ErrorMessage 請輸入生日！ 驗證未通過時在“彙總驗證”控件中顯示的錯誤信息