基本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控件例子使用TextBoxWeb服务器控件可以在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控件例子HyperLinkWeb服务器控件用于在页上创建一个链接，通过单击它可以转到其他页或其他位置。声明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|FalseRows=列数SelectionMode=Single|Multiplerunat=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表示数字开头的任意字符组合其后接一个大写字母。,课堂练习,仿照例题“个人信息注册”的设计方法，设计