1、(中職）2022-2023學年SP.NET動態網頁設計第七章.ppt ASP課件第七章數據驗證與數據綁定學習目標 1認識數據驗證控件2學會檢查輸入的數據是否正確3認識數據綁定4能利用GridView與DetailsView控件進行數據綁定5能利用FormView控件進行數據綁定6能利用DataList控件進行數據綁定7-1 數據驗證控件數據驗證控件是專門用來驗證或限制數據輸入內容的Web Server控件，善用數據驗證控件可確保數據的正確性、完整性與安全性。7-1-1 認識數據驗證控件數據驗證控件（Validation Controls）提供簡易的機制來進行數據檢查工作。 7-1-2 檢查輸入

2、數據的正確性 RangeValidator利用RangeValidator控件可以檢查字段中輸入的數據是否在指定的范圍內，下面是其常用的屬性說明。（1）MinimumValue：設置驗證字段范圍的最小值。（2）MaximumValue：設置驗證字段范圍的最大值。（3）Type：設置比較值的數據類型。RegularExpressionValidator RegularExpressionValidator控件可以用來檢查輸入數據的格式是否符合指定格式。常用的ValidationExpression屬性用來設置驗證數據的規則表達式，在Validation- Expression屬性值字段右方單擊

3、按鈕，就可以在彈出的“正則表達式編輯器”對話框中選擇內建的表達式，或直接在“驗證表達式”文本框中輸入自定義的表達式。自定義規則表達式時，可以應用字符類型與數量詞來表示，字符類型可以單獨使用，但數量詞必須與字符搭配使用。（1）類型：在字符類中可以設置輸入的字符范圍。例如 “0-9”表示只能接受0,1,2,3,4,5,6,7,8,9等字符。設置 符號內的字符范圍時，使用“-”表示“范圍”，“|”表示“或”，“”表示指定字符。 （2）數量詞：可將選擇性數量數據加入規則表達式，緊接在字符類型之后。（3）同時應用字符類型與數量詞：應用字符類型和數量詞可以組合各種輸入格式的限制設置。當字符類型和數量詞相連

4、時，必須視為同一組的“且”條件。 CompareValidator（1）ValueToCompare：設置想要比較的數值。（2）Operator：設置比較的方式，分為下面幾種屬性值。 Equal：等于。 GreaterThan：大于。 LessThan：小于。 NotEqual：不等于。 GreaterThanEqual：大于或等于。 LessThanEqual：小于或等于。 DataTypeCheck：比較所指定數據類型之間的數據類型。（3）Type：設置比較數值的數據類型，分為下面幾種屬性值。 String：字符串。 Double：雙精度浮點數。 Currency：貨幣。 Integer：

5、整型。 Date：日期時間。CustomValidator利用CustomValidator控件可以自行定義驗證條件，當用戶在設計視圖中雙擊CustomValidator控件后，會自動產生ServerValidate事件，這是當驗證數據時會執行的事件程序。利用OnServerValidate屬性可設置驗證數據時要執行的子程序。 7-1-3 使用多個驗證控件通常，一個驗證控件無法檢驗出所有可能輸入錯誤的數據。例如，利用Custom- Validator控件驗證數據時，若不輸入任何數據，而直接單擊按鈕，仍會出現“驗證Ok!”的信息，界面如下圖所示7-1-4 匯 總 錯 誤（1）DisplayMod

6、e：設置錯誤信息的顯示模式，分為以下幾種屬性值。 List：列表。 BulletList：項目符號列表，為默認值。 SingleParagraph：單一段落，將錯誤信息顯示在同一行。（2）ShowMessageBox：設置是否顯示錯誤信息窗口。（3）ShowSummary：設置是否在網頁顯示錯誤消息正文。1新增一個01_EX01的ASP.NET網站程序，然后利用CustomValidator控件自定義驗證條件，驗證輸入文本框的驗證碼是否正確。（驗證碼要求：在子程序中設置必須輸入10個字符，且第一個為AZ的字母，第210個為09的數字。 2新增一個01_EX02的ASP.NET網站程序，然后按題

7、意操作： 利用RequiredFieldValidator控件驗證“會員賬號”文本框是否已輸入數據。 利用RegularExpressionValidator控件驗證“室內電話”的格式是否正確，并利用RequiredField-Validator控件驗證該文本框是否有輸入數據。7-2 數據綁定通過數據綁定可以將數據來源放入Web Server控件中，而數據的來源可以是變量、數組、集合類別、數據庫對象與ArrayList對象等。另外，ASP.NET 2.0新增的數據控制項讓大部分的數據操作功能都可以借助設置來完成，減少代碼的編寫。7-2-1 認識數據綁定數據綁定（Data Binding）就是將

8、數據來源（Data Source）與Web Server控件捆綁在一起，讓Web Server控件可以顯示數據來源的內容。 將數據來源綁定到控件，可分為單值綁定和多值綁定兩種 單值綁定利用Label、TextBox、Hyperlink等控件可以進行單值綁定，其語法如下：asp:控件名稱 ID=id名稱 runat=server Text=/上述語法將變量名稱的內容綁定到Web Server控件中，若要顯示數據，可以在Page_Load事件程序中執行DataBind()方法。多值綁定ArrayList是一個可以動態增加大小的數組，創建ArrayList對象的語法如下：Dim 變量名稱 As Ar

9、rayList = New ArrayList創建ArrayList對象后，可以利用Add方法添加動態數組中的內容。進行多值綁定時，其步驟如下：1設置數據來源。利用DataSource屬性設置。2進行數據綁定。利用DataBind()方法設置。7-2-2 GridView與DetailsView控件ASP.NET 2.0的數據綁定控件必須綁定至數據來源控件，才可以從數據庫中讀取數據，進行新增、更新、刪除與排序數據等動作GridView是從舊版的DataGrid延伸出來的數據綁定控件，均衍生自WebControls類，會以表格的方式顯示數據庫中的數據，但GridView控件強調以不編寫代碼的方式

10、來設計，利用GridView控件的智能標簽可以直接選取要綁定的數據來源，并自動分頁、排序、編輯、刪除與選取。創建GridView控件 將控件拖動到網頁中 從“工具箱”窗口的數據索引標簽內選擇 GridView控件在GridView智能標簽的選擇數據源選項中選擇新建數據源 彈出“數據源配置向導”對話框后，選擇數據庫，然后單擊按鈕彈出“選擇數據連接”界面后，單擊按鈕彈出“選擇數據源”對話框后，選擇Microsoft Access數據庫文件，然后單擊按鈕彈出“添加連接”對話框后，單擊按鈕選擇數據庫文件名，然后單擊返回選擇數據連接界面后，單擊按鈕。 將連接字符串保存到應用程序配置文件中”界面后，選中“

11、是，將此連接另存為”復選框，然后單擊 彈出“配置Select語句”界面后，選中“指定來自表或視圖的列”單選按鈕 從“名稱”下拉列表框中選擇數據表名稱 在“列”列表框中選擇要顯示的字段 單擊按鈕彈出“高級SQL生成選項”對話框后，選中“生成INSERT、UPDATE和DELETE語句”復選框，然后單擊返回“配置Select語句”界面后，單擊 “下一步”按鈕，然后在彈出的“測試查詢”界面中單擊”查詢”按鈕 彈出“自動套用格式”窗口后，選擇想要套用的格式，然后單擊”確定”按鈕。在“屬性”窗口設置Gri- dView的PageSize屬性值為5創建DetailsView控件 將控件拖動到網頁中 從“工

12、具箱”窗口的“數據”索引標簽內選擇 DetailsView控件在DetailsView智能標簽的選擇數據來源選項中選擇“新建數據源”選項，然后在彈出的“數據源配置向導”對話框中選擇“數據庫”選項，再單擊”確定”按鈕 彈出“配置數據源”對話框后，選擇在“創建GridView控件”中的創建的”步驟八”連接字符串，然后單擊 “下一步”按鈕。 選擇數據表名稱與要顯示的字段 彈出“配置Select語句”界面后，選中“指定來自表或視圖的列”單選按鈕 單擊按鈕 彈出“添加WHERE子句”對話框后，設置DetailsView數據來源的參數GridView1的SelectedValue值返回“配置Select語

13、句”界面后，單擊”高級”按鈕，然后重復“創建GridView控件”中的操作”步驟10步驟11”。 在DetailsView智能標簽選擇自動套用格式，然后套用想要的格式 選擇要操作的數據功能在屬性”窗口中設置DetailsView1的Width屬性值為250px。 7-2-3 FormView控件從“工具箱”窗口的數據索引標簽內選擇FormView控件，然后將控件拖動到網頁中，接著在FormView智能標簽的選擇數據來源菜單中選擇新建數據源 在智能標簽中選擇自動套用格式，然后選中“啟用分頁”復選框，接著選擇編輯模板。 從“顯示”下拉列表框中選擇想要編輯的模板 在模板編輯區可以使用Button控件

14、編輯數據操作的按鈕7-2-4 DataList控件從“工具箱”窗口拖動一個DataList控件到網頁中，然后在DataList智能標簽的選擇數據來源菜單中選擇“新建數據源”選項，接著設置DataList控件的數據來源為database.mdb的所有字段。在智能標簽選擇自動格式化設置格式，然后選擇屬性生成器。 彈出屬性對話框后，選擇“常規”選項卡 在“列”文本框中輸入每一列要顯示的數據筆數，然后單擊”確定”按鈕 在DataList智能標簽選擇編輯模板，然后在Item Template編輯區輸入“picture:”，并加入標準類型的Image控件 在Image智能選項卡中單擊“編輯DataBind

15、ings”鏈接 彈出DataBindings對話框后，選中“自定義綁定”單選按鈕 在“代碼表達式”文本框中輸入圖片文件路徑的表達式，然后單擊按鈕1（ ）下列哪一個控件不適合進行“多值綁定”？ListBoxCheckBoxListTextBoxDropDownList2（ ）下列哪個為可動態增加大小的數組對象？ArrayArrayListListBox DataList3（ ）當GridView控件的數據來源不包含內容時，會顯示什么模板？EmptyDataTemplatePagerTemplateEditItemTemplateHeaderTemplate1新建一個02_EX01的ASP.NET

16、網站程序，然后編寫利用Check BoxList控件創建多值數據綁定的程序。（提示：使用數組來存放數據來源，并設置數據來源和數據綁定。） 新建一個02_EX02的ASP.NET網站程序，然后編寫利用ListBox控件綁定ArrayList數據的程序。（提示：將數據來源以ArrayList的方式進行數據綁定。） 打開練習文件CH0702_EX03（Defa- ult.aspx），然后編寫利用GridView控件綁定數據的程序，規則如下： 顯示database.mdb的所有字段。 啟用分頁與排序功能，設置每一頁有6筆數據。 套用“石板”自動格式。 依照“rank”字段遞增排序 （ ）利用哪一個驗證

17、控件可以檢查輸入的手機號碼格式是否正確？RegularExpressionValidatorCompareValidatorRequiredFieldValidatorCustomValidator2（ ）利用字符范圍設置符號 自定義驗證規則的表達式時，哪一個字符表示“或”的意思？-|.3（ ）下列哪一個不是利用ValidationSummary控件顯示錯誤的模式？ListBulletListSingleParagraphTextBox4（ ）下列哪一個控件默認有選取數據的功能？GridViewDetailsViewFormViewDataList5（ ）GridView控件的哪一種字段類型可以顯示具有編輯、選取或刪除作用的命令 按鈕？BoundFieldCommandFieldCheckBoxFieldTemplateField6（ ）在數據綁定控件的模板中自定義Web Server控件的綁定時，在表達式字段輸入什