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

《(中职）2022-2023学年SP.NET动态网页设计第七章. ASP课件.ppt》由会员分享，可在线阅读，更多相关《(中职）2022-2023学年SP.NET动态网页设计第七章. ASP课件.ppt（65页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、(中职）2022-2023学年SP.NET动态网页设计第七章.ppt ASP课件第七章数据验证与数据绑定学习目标n n1认识数据验证控件n n2学会检查输入的数据是否正确n n3认识数据绑定n n4能利用GridView与DetailsView控件进行数据绑定n n5能利用FormView控件进行数据绑定n n6能利用DataList控件进行数据绑定7-1数据验证控件n n数据验证控件是专门用来验证或限制数据输入内容的WebServer控件，善用数据验证控件可确保数据的正确性、完整性与安全性。7-1-1认识数据验证控件n n数据验证控件（ValidationControls）提供简易的机制来进

2、行数据检查工作。7-1-2检查输入数据的正确性n nRangeValidatorn n利用RangeValidator控件可以检查字段中输入的数据是否在指定的范围内，下面是其常用的属性说明。n n（1）MinimumValue：设置验证字段范围的最小值。n n（2）MaximumValue：设置验证字段范围的最大值。n n（3）Type：设置比较值的数据类型。RegularExpressionValidatorn nRegularExpressionValidator控件可以用来检查输入数据的格式是否符合指定格式。常用的ValidationExpression属性用来设置验证数据的规则表达式，

3、在Validation-Expression属性值字段右方单击按钮，就可以在弹出的“正则表达式编辑器”对话框中选择内建的表达式，或直接在“验证表达式”文本框中输入自定义的表达式。自定义规则表达式时，可以应用字符类型与数量词来表示，字符类型可自定义规则表达式时，可以应用字符类型与数量词来表示，字符类型可以单独使用，但数量词必须与字符搭配使用。以单独使用，但数量词必须与字符搭配使用。n n（1 1）类型：在字符类中可以设置输入的字符范围。例如）类型：在字符类中可以设置输入的字符范围。例如“0-9”“0-9”表示只能接受表示只能接受0,1,2,3,4,5,6,7,8,90,1,2,3,4,5,6,7

4、,8,9等字符。设置等字符。设置符号内的字符范围时，使用符号内的字符范围时，使用“-”“-”表示表示“范围范围”，“|”“|”表表示示“或或”，“”“”表示指定字符。表示指定字符。（2 2）数量词：可将选择性数量数据加入规则表达式，紧接）数量词：可将选择性数量数据加入规则表达式，紧接在字符类型之后。在字符类型之后。n n（3 3）同时应用字符类型与数量词：应用字符类型和数量）同时应用字符类型与数量词：应用字符类型和数量词可以组合各种输入格式的限制设置。当字符类型和数量词可以组合各种输入格式的限制设置。当字符类型和数量词相连时，必须视为同一组的词相连时，必须视为同一组的“且且”条件。条件。Com

5、pareValidatorn n（1 1）ValueToCompareValueToCompare：设置想要比较的数值。：设置想要比较的数值。n n（2 2）OperatorOperator：设置比较的方式，分为下面几种属性值。：设置比较的方式，分为下面几种属性值。n nEqualEqual：等于。：等于。n nGreaterThanGreaterThan：大于。：大于。n nLessThanLessThan：小于。：小于。n nNotEqualNotEqual：不等于。：不等于。n nGreaterThanEqualGreaterThanEqual：大于或等于。：大于或等于。n nLessT

6、hanEqualLessThanEqual：小于或等于。：小于或等于。n nDataTypeCheckDataTypeCheck：比较所指定数据类型之间的数据类型。：比较所指定数据类型之间的数据类型。n n（3 3）TypeType：设置比较数值的数据类型，分为下面几种属性值。：设置比较数值的数据类型，分为下面几种属性值。n nStringString：字符串。：字符串。n nDoubleDouble：双精度浮点数。：双精度浮点数。n nCurrencyCurrency：货币。：货币。n nIntegerInteger：整型。：整型。n nDateDate：日期时间。：日期时间。CustomV

7、alidatorn n利用CustomValidator控件可以自行定义验证条件，当用户在设计视图中双击CustomValidator控件后，会自动产生ServerValidate事件，这是当验证数据时会执行的事件程序。利用OnServerValidate属性可设置验证数据时要执行的子程序。7-1-3使用多个验证控件n n通常，一个验证控件无法检验出所有可能输入错误的数据。例如，利用Custom-Validator控件验证数据时，若不输入任何数据，而直接单击按钮，仍会出现“验证Ok!”的信息，界面如下图所示7-1-4汇总错误n n（1 1）DisplayModeDisplayMode：设置错误

8、信息的显示模式，：设置错误信息的显示模式，分为以下几种属性值。分为以下几种属性值。n nListList：列表。：列表。n nBulletListBulletList：项目符号列表，为默认值。：项目符号列表，为默认值。n nSingleParagraphSingleParagraph：单一段落，将错误信息显示：单一段落，将错误信息显示在同一行。在同一行。n n（2 2）ShowMessageBoxShowMessageBox：设置是否显示错误信息：设置是否显示错误信息窗口。窗口。n n（3 3）ShowSummaryShowSummary：设置是否在网页显示错误：设置是否在网页显示错误消息正文

9、。消息正文。n n1新增一个01_EX01的ASP.NET网站程序，然后利用CustomValidator控件自定义验证条件，验证输入文本框的验证码是否正确。n n（验证码要求：在子程序中设置必须输入10个字符，且第一个为AZ的字母，第210个为09的数字。n n2新增一个01_EX02的ASP.NET网站程序，然后按题意操作：利用RequiredFieldValidator控件验证“会员账号”文本框是否已输入数据。利用RegularExpressionValidator控件验证“室内电话”的格式是否正确，并利用RequiredField-Validator控件验证该文本框是否有输入数据。7-

10、2数据绑定n n通过数据绑定可以将数据来源放入WebServer控件中，而数据的来源可以是变量、数组、集合类别、数据库对象与ArrayList对象等。另外，ASP.NET2.0新增的数据控制项让大部分的数据操作功能都可以借助设置来完成，减少代码的编写。7-2-1认识数据绑定n n数据绑定（DataBinding）就是将数据来源（DataSource）与WebServer控件捆绑在一起，让WebServer控件可以显示数据来源的内容。将数据来源绑定到控件，可分为单值绑定和多值绑定两种单值绑定n n利用Label、TextBox、Hyperlink等控件可以进行单值绑定，其语法如下：n nasp:

11、控件名称ID=id名称runat=serverText=/n n上述语法将变量名称的内容绑定到WebServer控件中，若要显示数据，可以在Page_Load事件程序中执行DataBind()方法。多值绑定n nArrayList是一个可以动态增加大小的数组，创建ArrayList对象的语法如下：n nDim变量名称AsArrayList=NewArrayListn n创建ArrayList对象后，可以利用Add方法添加动态数组中的内容。n n进行多值绑定时，其步骤如下：n n1设置数据来源。利用DataSource属性设置。n n2进行数据绑定。利用DataBind()方法设置。7-2-2G

12、ridView与DetailsView控件n nASP.NET2.0ASP.NET2.0的数据绑定控件必须绑定至数据来源的数据绑定控件必须绑定至数据来源控件，才可以从数据库中读取数据，进行新增、控件，才可以从数据库中读取数据，进行新增、更新、删除与排序数据等动作更新、删除与排序数据等动作n nGridViewGridView是从旧版的是从旧版的DataGridDataGrid延伸出来的数据绑延伸出来的数据绑定控件，均衍生自定控件，均衍生自WebControlsWebControls类，会以表格的方类，会以表格的方式显示数据库中的数据，但式显示数据库中的数据，但GridViewGridView控

13、件强调以控件强调以不编写代码的方式来设计，利用不编写代码的方式来设计，利用GridViewGridView控件的控件的智能标签可以直接选取要绑定的数据来源，并自智能标签可以直接选取要绑定的数据来源，并自动分页、排序、编辑、删除与选取。动分页、排序、编辑、删除与选取。创建GridView控件 将控件拖动到网页中 从“工具箱”窗口的数据索引标签内选择 GridView控件n n在GridView智能标签的选择数据源选项中选择新建数据源弹出“数据源配置向导”对话框后，选择数据库，然后单击按钮n n弹出“选择数据连接”界面后，n n单击按钮n n弹出“选择数据源”对话框后，选择MicrosoftAcc

14、ess数据库文件，然后单击按钮弹出“添加连接”对话框后，单击按钮选择数据库文件名，然后单击n n返回选择数据连接界面后，单击n n按钮。将连接字符串保存到应用程序配置文件中”界面后，选中“是，将此连接另存为”复选框，然后单击 弹出“配置Select语句”界面后，选中“指定来自表或视图的列”单选按钮 从“名称”下拉列表框中选择数据表名称 在“列”列表框中选择要显示的字段 单击按钮弹出“高级SQL生成选项”对话框后，选中“生成INSERT、UPDATE和DELETE语句”复选框，然后单击n n返回“配置Select语句”界面后，单击“下一步”按钮，然后在弹出的“测试查询”界面中单击”查询”按钮n

15、n弹出“自动套用格式”窗口后，选择想要套用的格式，然后单击”确定”按钮。n n在“属性”窗口设置Gri-dView的PageSize属性值为5创建DetailsView控件n n将控件拖动到网页中从“工具箱”窗口的“数据”索引标签内选择DetailsView控件n n在DetailsView智能标签的选择数据来源选项中选择“新建数据源”选项，然后在弹出的“数据源配置向导”对话框中选择“数据库”选项，再单击”确定”按钮n n弹出“配置数据源”对话框后，选择在“创建GridView控件”中的创建的”步骤八”连接字符串，然后单击“下一步”按钮。选择数据表名称与要显示的字段 弹出“配置Select语句

16、”界面后，选中“指定来自表或视图的列”单选按钮 单击按钮弹出“添加WHERE子句”对话框后，设置DetailsView数据来源的参数GridView1的SelectedValue值n n返回“配置Select语句”界面后，单击”高级”按钮，然后重复“创建GridView控件”中的操作”步骤10步骤11”。在DetailsView智能标签选择自动套用格式，然后套用想要的格式 选择要操作的数据功能n n在属性”窗口中设置DetailsView1的Width属性值为250px。7-2-3FormView控件从“工具箱”窗口的数据索引标签内选择FormView控件，然后将控件拖动到网页中，接着在For

17、mView智能标签的选择数据来源菜单中选择新建数据源 n n在智能标签中选择自动套用格式，然后选中“启用分页”复选框，接着选择编辑模板。从“显示”下拉列表框中选择想要编辑的模板 在模板编辑区可以使用Button控件编辑数据操作的按钮7-2-4DataList控件n n从“工具箱”窗口拖动一个DataList控件到网页中，然后在DataList智能标签的选择数据来源菜单中选择“新建数据源”选项，接着设置DataList控件的数据来源为database.mdb的所有字段。n n在智能标签选择自动格式化设置格式，然后选择属性生成器。弹出属性对话框后，选择“常规”选项卡 在“列”文本框中输入每一列要显

18、示的数据笔数，然后单击”确定”按钮 在DataList智能标签选择编辑模板，然后在Item Template编辑区输入“picture:”，并加入标准类型的Image控件 在Image智能选项卡中单击“编辑DataBindings”链接 弹出DataBindings对话框后，选中“自定义绑定”单选按钮 在“代码表达式”文本框中输入图片文件路径的表达式，然后单击按钮n n1 1（）下列哪一个控件不适合进行）下列哪一个控件不适合进行“多值绑定多值绑定”？n nListBoxListBoxCheckBoxListCheckBoxListTextBoxTextBoxDropDownListDropDo

19、wnListn n2 2（）下列哪个为可动态增加大小的数组对象？）下列哪个为可动态增加大小的数组对象？n nArrayArrayArrayListArrayListListBoxListBoxDataListDataListn n3 3（）当）当GridViewGridView控件的数据来源不包含内容时，会显控件的数据来源不包含内容时，会显示什么模板？示什么模板？n nEmptyDataTemplateEmptyDataTemplatePagerTemplatePagerTemplateEditItemTemplateEditItemTemplate HeaderTemplateHeaderT

20、emplaten n1新建一个02_EX01的ASP.NET网站程序，然后编写利用CheckBoxList控件创建多值数据绑定的程序。（提示：使用数组来存放数据来源，并设置数据来源和数据绑定。）n n新建一个02_EX02的ASP.NET网站程序，然后编写利用ListBox控件绑定ArrayList数据的程序。（提示：将数据来源以ArrayList的方式进行数据绑定。）n n打开练习文件CH0702_EX03（Defa-ult.aspx），然后编写利用GridView控件绑定数据的程序，规则如下：n n显示database.mdb的所有字段。n n启用分页与排序功能，设置每一页有6笔数据。n

21、n套用“石板”自动格式。n n依照“rank”字段递增排序n n（）利用哪一个验证控件可以检查输入的手机号码格式是否正确？）利用哪一个验证控件可以检查输入的手机号码格式是否正确？n nRegularExpressionValidatorRegularExpressionValidatorCompareValidatorCompareValidatorn nRequiredFieldValidatorRequiredFieldValidatorCustomValidatorCustomValidatorn n2 2（）利用字符范围设置符号）利用字符范围设置符号自定义验证规则的表达式时，哪一个字符

22、表示自定义验证规则的表达式时，哪一个字符表示“或或”的意思？的意思？n n-|.n n3 3（）下列哪一个不是利用）下列哪一个不是利用ValidationSummaryValidationSummary控件显示错误的模式？控件显示错误的模式？n nListListBulletListBulletListSingleParagraphSingleParagraphTextBoxTextBoxn n4 4（）下列哪一个控件默认有选取数据的功能？）下列哪一个控件默认有选取数据的功能？n nGridViewGridViewDetailsViewDetailsViewFormViewFormViewDa

23、taListDataListn n5 5（）GridViewGridView控件的哪一种字段类型可以显示具有编辑、选取或删除作用的命令控件的哪一种字段类型可以显示具有编辑、选取或删除作用的命令按钮？按钮？n nBoundFieldBoundFieldCommandFieldCommandFieldCheckBoxFieldCheckBoxFieldTemplateFieldTemplateFieldn n6 6（）在数据绑定控件的模板中自定义）在数据绑定控件的模板中自定义WebServerWebServer控件的绑定时，在表达式字段输入什么表示可控件的绑定时，在表达式字段输入什么表示可以读取字

24、段数据？以读取字段数据？n nDataBind(DataBind(字段名称字段名称)Val(Val(字段名称字段名称)Bind(Bind(字段名称字段名称)Eval(Eval(字段名称字段名称)n n打开练习文件CH07Q01（Defau-lt.aspx），然后编写程序，创建如右图所示的会员基本数据，并具有汇总检查所有字段是否输入数据或数据的格式是否正确的功能。n n打开练习文件CH07Q02（Defau-lt.aspx），然后编写利用DetailsView控件绑定数据的程序，规则如下：n n显示book数据表的所有字段。n n启用分页、插入、编辑与删除的功能。n n套用“简单”自动格式化。n nDetailsView控件的宽度为350px