基本WEB服务器控件.ppt
基本Web服务器控件,网页可视化效果制作,网页可视化效果制作,网页可视化效果制作,第4讲 Web服务器控件,Web服务器控件概述,Web服务器控件使用方法详解,Web服务器控件概述,Web服务器控件的类型Web服务器控件可以采用XML语法来声明，基本语法如下：大部分服务器控件也可以写成以下形式：其中“asp:控件类型”是Web服务器控件的开始标记，此标记要连写，不能包含空格。,Web服务器控件概述,事件参数Sender 引发事件的源，即事件的发送方。e 事件（消息）的数据。,Web服务器控件使用方法详解,Label控件用于在页面上动态显示文本Label控件声明Label控件的语法如下：使用Label控件的Text属性可以获取或设置Label控件的文本内容。,Web服务器控件使用方法详解,Label控件的主要成员Text属性Font属性ForeColor属性BackColor属性BorderStyle、BorderWidth属性Width、Height属性CssClass属性,Web服务器控件使用方法详解,TextBox控件例子使用TextBox Web服务器控件可以在Web页上创建单行和多行文本框。声明TextBox控件的语法如下：,Web服务器控件使用方法详解,TextBox控件:用来输入文本TextBox控件的主要成员AutoPostBack属性 Text属性TextMode属性 ReadOnly属性 Wrap属性Enabled属性Visible属性TextChanged事件,Web服务器控件使用方法详解,Button控件具有CLICK与Command事件.前者是在单击时将表单提交给服务器,后者是单击时发生但是commandname,commandargument属性的值与该事件一起被传递声明Button控件的语法,Web服务器控件使用方法详解,Button控件Button控件的常用属性和事件Enabled属性AccessKey属性Text属性ToolTip属性Click事件,Web服务器控件使用方法详解,LinkButton控件声明LinkButton控件的语法如下：文本,Web服务器控件使用方法详解,LinkButton控件LinkButton控件的常用属性和事件Text属性Click事件,Web服务器控件使用方法详解,HyperLink控件例子HyperLink Web服务器控件用于在页上创建一个链接，通过单击它可以转到其他页或其他位置。声明HyperLink控件的语法如下：文本,Web服务器控件使用方法详解,HyperLink控件HyperLink控件的常用属性TextNavigateUrlImageUrlTarget,Web服务器控件使用方法详解,Image控件使用Image控件可以在Web窗体上显示图像。声明Image控件的语法如下：,Web服务器控件使用方法详解,Image控件Image控件的常用属性ImageUrlAlternateTextImageAlign,Web服务器控件使用方法详解,RadioButton控件使用RadioButton控件可以在Web窗体上创建一个单选按钮，通过将多个单选按钮分为一组可以提供一组互相排斥的选项。声明RadioButton控件的语法如下：,Web服务器控件使用方法详解,RadioButton控件RadioButton控件的常用属性和事件AutoPostBack属性Checked属性Enabled属性GroupName属性Text属性TextAlign属性ToolTip属性CheckedChanged事件,Web服务器控件使用方法详解,CheckBox控件使用CheckBox控件可以在Web页上创建一个复选框控件，该控件允许用户在True或False状态之间切换。声明CheckBox控件的语法如下：,Web服务器控件使用方法详解,CheckBox控件CheckBox控件的常用属性和事件AutoPostBack属性Checked属性Enabled属性Text属性TextAlign属性CheckedChanged事件,Web服务器控件使用方法详解,DropDownList控件使用DropDownList控件可以在Web窗体上创建下拉列表框，允许用户从中进行单一选择。声明DropDownList控件的语法如下：”DataTextField=数据源字段 DataValueField=数据源字段 AutoPostBack=True|False 文本,Web服务器控件使用方法详解,DropDownList控件DropDownList控件的常用成员Items属性 SelectedItem属性,Web服务器控件使用方法详解,ListBox控件使用ListBox控件可以在Web窗体上创建单选或多选列表框。声明ListBox控件的语法如下：”DataTextField=数据源字段 DataValueField=数据源字段 AutoPostBack=True|False Rows=列数 SelectionMode=Single|Multiple runat=server 文本,Web服务器控件使用方法详解,ListBox控件ListBox控件的常用成员Items属性 SelectedItem属性SelectionMode属性,Web服务器控件使用方法详解,验证控件 设计Web窗体时，如何对用户输入的数据进行有效性验证是开发人员需要解决的一个重要问题。例如，必填字段是否输入了内容，电子邮件地址格式是否正确，所输入的数据是否在指定的范围内。验证控件可以很方便地在Web窗体上完成数据的有效性验证并为用户显示相关的错误信息。,Web服务器控件使用方法详解,RequiredFieldValidator 控件RequiredFieldValidator 控件验证用户是否在选择列表控件或TextBox控件中输入了数据值。声明RequiredFieldValidator 控件的语法如下：,Web服务器控件使用方法详解,RequiredFieldValidator控件 RequiredFieldValidator控件的常用成员ControlToValidate属性 ErrorMessage 属性,Web服务器控件使用方法详解,CompareValidator控件CompareValidator控件能够将用户输入到一个输入控件（如TextBox控件）中的值与输入到另一输入控件的值或某个常数值进行比较。声明CompareValidator控件的语法如下：,Web服务器控件使用方法详解,CompareValidator控件 CompareValidator控件的常用成员ControlToValidate属性 ControlToCompare属性ValueToCompare属性Operator属性ErrorMessage 属性Type 属性,Web服务器控件使用方法详解,RangeValidator 控件RangeValidator控件可以检查用户的输入是否在指定的上限与下限之间。可以检查数字对、字母对和日期对限定的范围。边界表示为常数。声明RangeValidator 控件的语法如下：,Web服务器控件使用方法详解,RangeValidator 控件 RangeValidator 控件的常用成员ControlToValidate 属性 ErrorMessage 属性MaximumValue 属性MinimunValue 属性Type 属性,Web服务器控件使用方法详解,RegularExpressionValidator 控件RegularExpressionValidator 根据正则表达式来验证输入的数据的正确性。声明RegularExpressionValidator 控件的语法如下：,Web服务器控件使用方法详解,RegularExpressionValidator 控件 RegularExpressionValidator 控件的常用成员ControlToValidate 属性 ErrorMessage 属性ValidationExpression属性,Web服务器控件使用方法详解,在ValidationExpression中，不同的占位符表示不同的含义：“.”表示单个任意字符；“*”表示前面的0次或多次表达式；“A-Z”表示任意大写字母；“d”表示一个数字字符；例如：d.*A-Z表示数字开头的任意字符组合其后接一个大写字母。,课堂练习,仿照例题“个人信息注册”的设计方法，设计完成“高校学生基本信息注册”的Web应用程序，页面中要求：1.包含Label、Button、TextBox、HyperLink、RadioButton、CheckBox、DropDownList、ListBox以及四个验证控件的使用。2.学生的基本信息不得少于10项。3.学生的注册信息要在页面中显示出来（输出的信息应明确、清楚）。,Thank you very much!,
