基本WEB服务器控件

《基本WEB服务器控件》由会员分享，可在线阅读，更多相关《基本WEB服务器控件（36页珍藏版）》请在装配图网上搜索。

1、第,5,讲 基本,WEB,服务器控件,Click to edit Master text styles,Second level,Third level,第,4,讲 基本,WEB,服务器控件,Web程序设计案例教程,基本,Web,服务器控件,网页可视化效果制作,网页可视化效果制作,网页可视化效果制作,第,4,讲,Web,服务器控件,Web,服务器控件概述,Web,服务器控件使用方法详解,Web,服务器控件概述,Web,服务器控件的类型,Web,服务器控件可以采用,XML,语法来声明，基本语法如下：,大部分服务器控件也可以写成以下形式：,其中“,asp:,控件类型”是,Web,服务器控件的开始标

2、记，此标记要连写，不能包含空格。,Web,服务器控件概述,事件参数,Sender,引发事件的源，即事件的发送方。,e,事件（消息）的数据。,Web,服务器控件使用方法详解,Label,控件用于在页面上动态显示文本,Label,控件,声明,Label,控件的语法如下：,使用,Label,控件的,Text,属性可以获取或设置,Label,控件的文本内容。,Web,服务器控件使用方法详解,Label,控件的主要成员,Text,属性,Font,属性,ForeColor,属性,BackColor,属性,BorderStyle,、,BorderWidth,属性,Width、Height,属性,CssCla

3、ss,属性,Web,服务器控件使用方法详解,TextBox,控件,例子,使用,TextBox,Web,服务器控件可以在,Web,页上创建单行和多行文本框。声明,TextBox,控件的语法如下：,Web,服务器控件使用方法详解,TextBox,控件,:,用来输入文本,TextBox,控件的主要成员,AutoPostBack,属性,Text,属性,TextMode,属性,ReadOnly,属性,Wrap,属性,Enabled,属性,Visible,属性,TextChanged,事件,Web,服务器控件使用方法详解,Button,控件,具有,CLICK,与,Command,事件,.,前者是在单击时将

4、表单提交给服务器,后者是单击时发生但是,commandname,commandargument,属性的值与该事件一起被传递,声明,Button,控件的语法,Web,服务器控件使用方法详解,Button,控件,Button,控件的常用属性和事件,Enabled,属性,AccessKey,属性,Text,属性,ToolTip,属性,Click,事件,Web,服务器控件使用方法详解,LinkButton,控件,声明,LinkButton,控件的语法如下：,文本,Web,服务器控件使用方法详解,LinkButton,控件,LinkButton,控件的常用属性和事件,Text,属性,Click,事件,W

5、eb,服务器控件使用方法详解,HyperLink,控件,例子,HyperLink,Web,服务器控件用于在页上创建一个链接，通过单击它可以转到其他页或其他位置。声明,HyperLink,控件的语法如下：,文本,Web,服务器控件使用方法详解,HyperLink,控件,HyperLink,控件的常用属性,Text,NavigateUrl,ImageUrl,Target,Web,服务器控件使用方法详解,Image,控件,使用,Image,控件可以在,Web,窗体上显示图像。声明,Image,控件的语法如下：,Web,服务器控件使用方法详解,Image,控件,Image,控件的常用属性,ImageU

6、rl,AlternateText,ImageAlign,Web,服务器控件使用方法详解,RadioButton,控件,使用,RadioButton,控件可以在,Web,窗体上创建一个单选按钮，通过将多个单选按钮分为一组可以提供一组互相排斥的选项。,声明,RadioButton,控件的语法如下：,Web,服务器控件使用方法详解,RadioButton,控件,RadioButton,控件的常用属性和事件,AutoPostBack,属性,Checked,属性,Enabled,属性,GroupName,属性,Text,属性,TextAlign,属性,ToolTip,属性,CheckedChanged,

7、事件,Web,服务器控件使用方法详解,CheckBox,控件,使用,CheckBox,控件可以在,Web,页上创建一个复选框控件，该控件允许用户在,True,或,False,状态之间切换。,声明,CheckBox,控件的语法如下：,Web,服务器控件使用方法详解,CheckBox,控件,CheckBox,控件的常用属性和事件,AutoPostBack,属性,Checked,属性,Enabled,属性,Text,属性,TextAlign,属性,CheckedChanged,事件,Web,服务器控件使用方法详解,DropDownList,控件,使用,DropDownList,控件可以在,Web,窗

8、体上创建下拉列表框，允许用户从中进行单一选择。声明,DropDownList,控件的语法如下：,asp:DropDownList,id=,编程标识符,runat,=server,DataSource,=“”,DataTextField,=,数据源字段,DataValueField,=,数据源字段,AutoPostBack,=True|False,文本,Web,服务器控件使用方法详解,DropDownList,控件,DropDownList,控件的常用成员,Items,属性,SelectedItem,属性,Web,服务器控件使用方法详解,ListBox,控件,使用,ListBox,控件可以在,W

9、eb,窗体上创建单选或多选列表框。声明,ListBox,控件的语法如下：,asp:ListBox,id=“,编程标识符”,DataSource,=“”,DataTextField,=,数据源字段,DataValueField,=,数据源字段,AutoPostBack,=True|False Rows=,列数,SelectionMode,=Single|Multiple,runat,=server,文本,Web,服务器控件使用方法详解,ListBox,控件,ListBox,控件的常用成员,Items,属性,SelectedItem,属性,SelectionMode,属性,Web,服务器控件使用方

10、法详解,验证控件,设计,Web,窗体时，如何对用户输入的数据进行有效性验证是开发人员需要解决的一个重要问题。例如，必填字段是否输入了内容，电子邮件地址格式是否正确，所输入的数据是否在指定的范围内。,验证控件可以很方便地在,Web,窗体上完成数据的有效性验证并为用户显示相关的错误信息。,Web,服务器控件使用方法详解,RequiredFieldValidator,控件,RequiredFieldValidator,控件验证用户是否在选择列表控件或,TextBox,控件中输入了数据值。,声明,RequiredFieldValidator,控件的语法如下：,Web,服务器控件使用方法详解,Requi

11、redFieldValidator,控件,RequiredFieldValidator,控件的常用成员,ControlToValidate,属性,ErrorMessage,属性,Web,服务器控件使用方法详解,CompareValidator,控件,CompareValidator,控件能够将用户输入到一个输入控件（如,TextBox,控件）中的值与输入到另一输入控件的值或某个常数值进行比较。,声明,CompareValidator,控件的语法如下：,Web,服务器控件使用方法详解,CompareValidator,控件,CompareValidator,控件的常用成员,ControlToVa

12、lidate,属性,ControlToCompare,属性,ValueToCompare,属性,Operator,属性,ErrorMessage,属性,Type,属性,Web,服务器控件使用方法详解,RangeValidator,控件,RangeValidator,控件可以检查用户的输入是否在指定的上限与下限之间。可以检查数字对、字母对和日期对限定的范围。边界表示为常数。,声明,RangeValidator,控件的语法如下：,Web,服务器控件使用方法详解,RangeValidator,控件,RangeValidator,控件的常用成员,ControlToValidate,属性,ErrorMe

13、ssage,属性,MaximumValue,属性,MinimunValue,属性,Type,属性,Web,服务器控件使用方法详解,RegularExpressionValidator,控件,RegularExpressionValidator,根据正则表达式来验证输入的数据的正确性。,声明,RegularExpressionValidator,控件的语法如下：,Web,服务器控件使用方法详解,RegularExpressionValidator,控件,RegularExpressionValidator,控件的常用成员,ControlToValidate,属性,ErrorMessage,属性,

14、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!,