Web 控件常用控件

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,Web 控件,1,教学内容,ASP.NET服务器控件的作用,ASP.NET各种服务器控件的用法,ASP.NET各种服务器控件实例开发,2,ASP.net 控件概述,HTML控件,客户端控件，服务器无法控制，浏览器认识,Web 控件,可以在服务器端编码 ，浏览器不认识，需要转成HTML控件才能被浏览器认识，,特点,runat = server,3,问题,我们用了服务器控件，浏览器不识别怎么办？,.,4,常见的标准服务器控件,按钮 标签 按钮 复选框 单选钮 .,每一个控件都是对象,熟悉每个对象的属性和方法,访问方式： 对象名.属性名 对象名.方法名,常见属性,ID：对象名字,Text：显示文本,Visible：可视与否,5,简单学习,Label,Text,Textbox,Text TextMode,Checkbox,Text Checked,RadioButton,Text Checked Groupname,HyperLink,NavigateURL Text ImageURL,Image,ImageURL,6,复杂一些的,DropdownList,SelecteItem Items,ListBox,CheckBoxList,RadioButtonList,7,Examples,登陆,色彩,单选和复选,目录,简单相册,8,Examples,登陆,色彩,单选和复选,目录,简单相册,9,登陆窗体的学习,要求,能够判断姓名是否小于6个字符,分普通用户 和管理员进行登录,普通用户：guest guest,管理员用户：admin admin,10,学习,无单选钮登录,带单选钮登录,属性参见课本106,单选钮组登录,属性参见课本106,11,CheckBoxList,复选框列表,12,RadioButtonList,13,选择你喜欢的季节,protected void btnSubmit_Click(object sender, EventArgs e),Label1.Text = ;,for (int i = 0; i CheckBoxList1.Items.Count; i+),if (CheckBoxList1.Itemsi.Selected),Label1.Text = Label1.Text + CheckBoxList1.Itemsi.Text;,14,常用属性,Items SelectedItem SelectedIndex SelectValue,自动为一组,15,RadioButtonList,16,RadioButtonList,protected void btnOK_Click(object sender, EventArgs e),Label2.Text = RadioButtonList1.SelectedItem.Text;,17,List总结,都有一个项的列表集合 Items,SelectedItem,SelectedValue,SelectedIndex,18,登录,带上RadioButton的登录练习,19,颜色,20,DropdownList,21,DropdownList 常用属性,Items,该控件包含的项目集合,SelectedItem,被选中的项目,SelectedValue,被选中的项目的值,SelectedIndex,被选中项目的索引,AutoPostBack,是否自动提交,22,个人情况调查,见课本EX5-1,23,目录-HyperLink,NavigateURL,Text,ImageURL,动态生成,在服务器控件使用，表示,是网站的根目录,24,相册,25,保存上传文件,文件名,被提交的文件,26,实现,HyperLink Image实现,27,验证控件,ASP.NET中数据验证控件的工作原理,必填验证控件的使用,比较验证控件的使用,范围验证控件的使用,规则验证控件的使用,用户验证控件的使用,学生管理信息系统中验证控件的应用,28,数据有效性验证机制简介,1.,数据验证的必要性,数据验证是一种限制用户输入的机制，可以确定用户输入的数据是否符合要求。先执行数据验证比输入错误数据之后，再让数据库响应错误信息要有效率；同时也可以确保用户所输入的数据是一个有效值，而不会造成垃圾数据。,服务器 数据验证,客户端数据验证,javascript脚本,29,数据有效性验证控件,控件名称,说明,RequiredFieldValidator,确保用户不跳过某些必填的输入项,CompareValidator,使用比较运算符将用户的输入与另一控件的常数值或属性值进行比较,RangeValidator,检查用户的输入是否在指定的上下边界之间，可以检查数字、字母或日期对内的范围。,RegularExpressionValidator,检查输入是否与正则表达式定义的模式匹配。该验证类型允许检查可预知的字符序列,CustomValidator,使用您自己编写的验证逻辑检查用户的输入，该验证类型允许检查运行时导出的值,ValidationSummary,以摘要的形式显示页上所有验证程序的验证错误,30,数据有效性验证机制简介,Page.IsValid,在处理用户输入的数据时，ASP.NET页面首先将用户输入传递到一个或多个适当的验证控件。验证控件将测试用户输入并设置表示输入是否通过测试的属性。在调用所有验证控件之后，页上将设置一个属性（IsValid），如果任何一个控件显示验证检查失败，则整个页的属性都将设置为无效。,如果数据验证没有通过（IsValid属性为False），错误信息可由该验证控件显示在页面中，或者显示在页面上其它位置的验证汇总ValidationSummary控件中。,31,7.1 数据有效性验证机制简介,验证控件的验证机制,属性名,描述和取值,ControlToValidate,验证控件将计算的输入控件的编程ID。如果此为非法ID，则引发异常,EnableClientScript,指示是否启用客户端验证。通过将EnableClientScript属性设置为false，可在支持此功能的浏览器上禁用客户端验证,Display,指定的验证控件的显示行为。可以,仅在ValidationSummary控件中显示错误信息；或在验证控件位置显示错误信息；或在页面上动态分配错误信息显示的空间,Enabled,指示是否启用验证控件。可通过将该属性设置为False以阻止验证控件验证输入控件,32,数据有效性验证机制简介,属性名,描述和取值,ErrorMessage,当验证失败时在ValidationSummary控件中显示的错误信息。如果未设置验证控件的 Text 属性，则验证失败时，验证控件中仍显示此文本。ErrorMessage属性通常用于为验证控件和 ValidationSummary控件提供各种消息,ForeColor,指定当验证失败时用于显示内联消息的颜色。,IsValid,指示ControlToValidate属性所指定的输入控件是否被确定为有效,Text,此属性设置后，验证失败时会在验证控件中显示此消息。如果未设置此属性，则在控件中显示 ErrorMessage属性中指定的文本,33,必填验证(RequireFieldValidator)控件,RequiredFieldValidator控件可以使某个输入控件成为强制字段。,验证时,如果输入控件包含的值仍然保持初始值而未更改，则该输入控件验证失败。,默认，验证控件的初始值（InitialValue属性）为空字符串（“”），这说明必须在输入控件中输入值才能通过验证。,34,对用户名和密码进行验证,用户名和密码的验证,对于大多数系统，用户登录页面都是必需的。,在此实例中，将使用必填验证控件完成用户提交的用户名和密码的验证，避免用户漏填。,。,35,对下拉框进行验证,【下拉框用户选择信息的验证,表单中用于获取用户信息的控件有很多，如：下拉框、列表框、复选框、单选框等，在这些输入框中，用户输入或选择的信息也同样需要验证。,本实例中将对表单中用户选,择输入项的下拉框进行用户所,选项的验证。,36,比较验证(CompareValidator)控件,将用户输入到一个输入控件中的值同输入到另一个输入控件中的值相比较,或将该值与某个常数值相比较。,还可以使用CompareValidator控件确定输入到输入控件中的值是否可以转换为 Type 属性所指定的数据类型。,37,比较验证(CompareValidator)控件,ControlToValidate属性指定要验证的输入控件。,ControlToCompare属性将特定的输入控件与另一个输入控件相比较，,ValueToCompare属性指定要比较的常数值。,Operator 属性指定要执行的比较类型，如大于、等于等。,如果将Operator属性设置为 DataTypeCheck（类型检查），CompareValidator控件将同时忽略ControlToCompare属性和 ValueToCompare属性，而仅指示输入到输入控件中的值是否可以转换为Type属性所指定的数据类型。,38,使用验证控件的四则运算,在页面数据理中，加减乘除四则运算是较常用的基本运算，下面的实例中将首先实现任意输入两个整型数的四则运算。,详细过程可上机操作,并参见教材内容。,39,密码和确认密码的比较验证,密码和密码确认信息的比较验证,当用户在某个网站上注册时，通常需要用户填写登录时使用的用户名和密码，由于密码框中字符使用点号或星号来表示，通常都需要用户再次确认密码，只有两个输入的密码完全相同，才能保证用户输入的密码确实是自己预期想要输入的密码。,40,范围验证(RangeValidator)控件,可使用该控件检查用户的输入是否在指定的上限和下限之间。可以检查数字对、字母对和日期对限定的范围。,41,范围验证(RangeValidator)控件,ControlToValidate属性指定要验证的输入控件,MinimumValue和MaximumValue属性分别指定有效范围的最小值和最大值。,Type属性用于指定要比较的值的数据类型,注意,：如果输入控件为空，则不调用任何验证函数且验证成功。需要使用RequiredFieldValidator必填验证控件防止用户跳过某个输入控件。由MaximumValue最大值属性或MinimumValue最小值属性指定的值，当无法转换为由Type类型属性指定的数据类型时，RangeValidator范围验证控件将引发异常。,42,控制正确数据范围,通常用户在页面上输入数据时，某些数据是有范围限定的，比如：用户年龄、时间日期、学生成绩等，需要使用另一类验证控件范围验证RangeValidator控件来验证用户输入数据的范围是否满足，增强系统的容错性。,用户生日日期范围验证,使用范围验证控件，对用户输入的,生日日期范围进行验证，保证登录系,统的用户年龄在18-80岁之间。,43,使用区间验证控件验证学生成绩,RangeValidator范围验证控件还可完成String字符串、Integer整型数、Double双精度的浮点型数、Date日期类型、Currency货币类型数据的验证。,【例 7-6】学生成绩范围验证,本实例将进行学生成绩（0-100）,的整型数验证，使用范围验证控件,来实现学生成绩信息的范围验证，,防止用户输入错误。,44,规则验证控件,确定输入控件的值是否与某个正则表达式所定义的模式相匹配。,该验证类型允许检查可预知的字符序列，如：社会保障号、电子邮件地址、电话号码、邮政编码等中的字符序列。,45,7.5.1 规则验证控件常用的属性和事件,1. 规则验证控件的属性,规则验证控件的属性与其他验证控件的属性相似，常用的有：,使用待验证控件ControlToValidate属性指定被验证的控件的ID属性；,使用Text属性获取或指定该验证控件未通过验证时在验证控件中显示的文本，若未设定将显示错误信息ErrorMessage属性的文本；,使用ErrorMessage属性指定未通过验证时显示在验证摘要控件中的文本信息；,使用验证表达式ValidationExpression属性用于确定有效性的正则表达式。,46,7.5.1 规则验证控件常用的属性和事件,2. 规则验证控件的事件,规则验证控件的事件主要有：,验证Validate事件，用于对关联的输入控件进行验证时触发；,数据绑定DataBinding事件，在要验证控件的数据绑定表达式时触发；,释放Dispoesd事件，在该验证控件已被释放后触发；,页面加载Load事件，在加载页面后触发；,页面卸载Unload事件，在卸载验证控件所在页面时触发。,47,带有0.5分的百分制成绩验证,带有0.5的百分制学生成绩验证,本实例将使用规则验证控件实现学生成绩的验证，使用规则验证控件中的正则表达式对输入的成绩进行格式的检查和验证。,详细过程可上机操作并参见教材内容。,48,验证摘要(ValidationSummary)控件,设置DisplayMode属性的值，该摘要可显示为：,列表(List)，依次列出错误提示信息；,项目符号列表(BulletList)，以无序列表的形式显示错误提示信息；,单个段落(SingleParagraph)，在一段中显示所有的错误提示信息。,ValidationSummary控件中为页面上每个验证控件显示的错误信息，是由每个验证控件的ErrorMessage 属性指定的。如果没有设置验证控件的ErrorMessage属性，则在ValidationSummary控件中将不为该验证控件显示错误信息。,通过设置HeaderText属性，还可以在ValidationSummary控件的摘要显示部分指定一个自定义标题。,通过设置ShowSummary属性，可以控制是显示还是隐藏ValidationSummary控件的摘要显示。还可通过将ShowMessageBox属性设置为true，在消息框中显示错误摘要。,49,两个非常重要的属性,Page.IsValid 对于页面的验证是否通过,CauseValidation 是否做验证,50,