中职2022-2023学年SP.NET动态网页设计第七章. ASP课件

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控件的绑定时，在表达式字段输入什