第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,服务器控件的开始标记,此标记要连写,不能包含空格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,控件的常用属性,Text,NavigateUrl,ImageUrl,Target,Web服务器控件使用方法详解,Image,控件,使用,Image,控件可以在,Web,窗体上显示图像声明,Image,控件的语法如下:,Web服务器控件使用方法详解,Image,控件,Image,控件的常用属性,ImageUrl,AlternateText,ImageAlign,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,控件的语法如下:,asp:DropDownList id=,编程标识符,runat=server,DataSource=“”,DataTextField=,数据源字段,DataValueField=,数据源字段,AutoPostBack=True|False,文本,Web服务器控件使用方法详解,DropDownList,控件,DropDownList,控件的常用成员,Items,属性,SelectedItem,属性,Web服务器控件使用方法详解,ListBox,控件,使用,ListBox,控件可以在,Web,窗体上创建单选或多选列表框。
声明,ListBox,控件的语法如下:,asp:ListBox id=“,编程标识符”,DataSource=“”,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!,。