《ASP.NET 程序设计案例教程 教学课件 ppt 作者 郭力子 第4章ASP.NET服务器控件》由会员分享，可在线阅读，更多相关《ASP.NET 程序设计案例教程 教学课件 ppt 作者 郭力子 第4章ASP.NET服务器控件（54页珍藏版）》请在金锄头文库上搜索。
1、2019年5月21日,第1页,第4章 ASP.NET服务器控件,ASP.NET程序设计案例教程,2019年5月21日,第2页,教学目标,了解ASP.NET服务器控件的种类 掌握主要Html控件、Web控件、验证控件的语法与使用,2019年5月21日,第3页,本章要点,ASP.NET中服务器控件的种类和特点 常用HTML 服务器控件和Web 服务器控件的使用方法 Validation验证控件和用户控件的使用方法,2019年5月21日,第4页,4.1 ASP.NET服务器控件,(1) Html服务器控件 (2) Web服务器控件 (3) Validation验证控件 (4) 用户自定义控件。 (5
2、) 数据控件,2019年5月21日,第5页,4.2 HTML服务器控件,由System.Web.UI.HtmlControls类实现 Html服务器控件与Html 标记的不同之处： 在Html控件的属性中添加Runat=“server“，并将其放在包含 的标记内。 在控件标识中加入Id属性，以便在程序代码中引用Html 服务器控件。,2019年5月21日,第6页,HtmlForm (表单),HtmlForm表单是一个用来放置其他控件的容器，基本语法： ,2019年5月21日,第7页,HtmlInputText (单行文本和密码框),HtmlInputText用于输入文本或密码，基本语法： ,2
3、019年5月21日,第8页,HtmlTextArea (多行文本框),HtmlTextArea用于输入多行文本。基本语法: ,2019年5月21日,第9页,HtmlInputButton (提交、重置和普通按钮),HtmlInputButton用于提交、重新输入或一般按钮。基本语法: ,2019年5月21日,第10页,HtmlInputRadioButton (单选框),HtmlInputRadioButton用于在多个供选项中选取一项。基本语法 ,2019年5月21日,第11页,HtmlInputCheckBox (多选框),HtmlInputCheckBox用于在多个供选项中选取多项。基本
4、语法： ,2019年5月21日,第12页,HtmlSelect (下拉列表框),HtmlSelect用于在下拉列表框中提供选项。基本语法： 列表项目1 列表项目n ,2019年5月21日,第13页,HtmlInputHIdden(隐藏控件),HtmlInputHIdden与HTML的隐藏域标记对应。基本语法： ,2019年5月21日,第14页,HtmlAnchor(链接控件),HtmlAnchor用于网页中的超链接。基本语法: ,2019年5月21日,第15页,HtmlImage(图像控件),HtmlImage用于装载图像。基本语法： ,2019年5月21日,第16页,HtmlGenericC
5、ontrol (一般控件),HtmlGenericControl对应于Html中的相应标记Span、Body、Div等，基本语法： 显示的Html代码 | 显示的文本 ,2019年5月21日,第17页,HtmlInputFile (文件上传控件),HtmlInputFile用于将客户端的文件上传到服务器。基本语法如下： 上传文件时，该控件所在的Form控件必须要添加属性: enctype=“multipart/Formdata“,2019年5月21日,第18页,Html服务器控件的Style属性,ASP.NET为每个Html控件提供了一个Style的属性，在Html服务器控件中，同样也能使用样
6、式表。 下列为一程序片断： ,2019年5月21日,第19页,Html服务器控件综合示例,同时使用Html服务器控件完成一个综合示例。实现简单的用户调查表的网页。,2019年5月21日,第20页,4.3 Web服务器控件,从System.Web.UI.WebControls类继承实现 提供了更为强大的功能 Web服务器控件和Html服务器控件有一定相似性 所有的Web服务器控件都可以绑定到数据源 Web服务器控件的其基本使用语法为： ,2019年5月21日,第21页,2019年5月21日,第22页,Label (标签),Label用于在页面上显示文本。基本语法: ,2019年5月21日,第23
7、页,Literal,Literal用于显示文本，但Literal控件不能使用Web Server控件的共同属性Style，基本语法: ,2019年5月21日,第24页,TextBox(文本框),TextBox可建立单行、多行文本框以及密码输入框。基本语法： ,2019年5月21日,第25页,Button(按钮),Button创建命令按钮，基本语法： ,2019年5月21日,第26页,Button(按钮),Button创建提交按钮，基本语法。 ,2019年5月21日,第27页,RadioButton (单选框),RadioButton创建单选按钮。基本语法： ,2019年5月21日,第28页,R
8、adioButtonList (单选列表框), 选项文本0 选项文本1 ,2019年5月21日,第29页,CheckBox(复选框),CheckBox用于建立复选框。基本语法： ,2019年5月21日,第30页,CheckBoxList(复选列表框), 选项文本0 选项文本1 ,2019年5月21日,第31页,获取复选列表框的选中项,要获取复选列表框的所有选中项，需要用一个循环逐一来判断哪个被选择。例如： Dim strA As String=“选定项依次为：” Dim i As Integer For J=0 to CheckBoxList1.Items.Count -1 If CheckB
9、oxListl.Items( i ).Selected=True Then strA=strA & CheckBoxListl.Items( i ).Value strA=strA & “,“ End If Next 这里的CheckBoxListl是控件名称，第3行表示从第1个选项循环到最后一个选项。 CheckBoxListl.Items( i ).Value表示第1个选项的值。如果要获取选项文字，则用 CheckBoxListl.Items( i ).Text。,2019年5月21日,第32页,ListBox(列表框),ListBox建立可单|多选的下拉列表。基本语法: 选项文本0 选项
10、文本1 ,2019年5月21日,第33页,ListBox示例,2019年5月21日,第34页,DropDownList(下拉框), 选项文本0 选项文本1 ,2019年5月21日,第35页,HyperLink(超链接),HyperLink建立文本超链接或图片超链接。基本语法： Target指定目标框架（或窗口）： _Blank：新开窗口、_Self：同一窗口、 _Parent：父窗口、_Top：整页,2019年5月21日,第36页,LinkButton (超链接按钮),LinkButton在外观上显示为超链接，同时具有Button控件功能，语法与Button控件类似 ,2019年5月21日,第
11、37页,Table(表格),Table以及它其中的TableRow、TableCell用于建立动态表格。 基本语法,2019年5月21日,第38页, 单元格内容 ,Table基本语法,2019年5月21日,第39页,Calerder(日历),Calendar显示或供用户选择日期。基本语法: ,2019年5月21日,第40页,Image(图像),Image在网页中插入图片。基本语法： ,2019年5月21日,第41页,ImageButton(图像按钮),ImageButton用于响应单击图片的动作。基本语法： ,2019年5月21日,第42页,Panel(面板),Panel控件是一个容器，常用来
12、显示或隐藏一组控件。基本语法： 面板内的其他控件(也可是Html标记) ,2019年5月21日,第43页,4.4 Validation验证控件,在网页上验证客户输入的数据或文字是否符合某些要求，此时就要使用Validation验证控件 RequiredFieldValidator(必填验证) CompareValidator(比较验证) RangeValidator(范围验证) RegularExpressionValidator(正则验证),2019年5月21日,第44页,RequiredFieldValidator(必填验证),RequiredFieldValidator用于保证非空输入。
13、基本语法： ,2019年5月21日,第45页,必填验证示例,2019年5月21日,第46页,CompareValidator(比较验证),CompareValidator控件将被验证数据与特定的数据比较，基本语法： ,2019年5月21日,第47页,比较验证示例,2019年5月21日,第48页,RangeValidator(范围验证),RangeValidator控件判断数据是否满足指定的范围条件，基本语法： ,2019年5月21日,第49页,RegularExpressionValidator(正则验证),RegularExpressionValidator判断数据是否符合特定的格式，基本语
14、法： ,2019年5月21日,第50页,ValidationExpression用于指定正则表达式,一种字符串定义规则 ：用于定义可以接受的字符 ：用于定义必须输入的字符数 | ：表示“或” . ：表示可以接受任意字符 ：为转义符号，用于输入正则表达式中的一些特殊符号 例如： a-zA-Z3,6 可以输入3到6个字母。 其中表示其中是可以输入的字符，a-z表示所有的小写字母，A-Z表示所有的大写字母。表示字符的数目，3,6表示3到6个，n,表示n个以上，n表示n个，如省略，表示1个。 0-96 可以输入6个数字。0-9表示所有的数字。 .0, 可以输入任意多个任意字符。.表示可以是任意字符。
15、几个简单的正则表达式示例： 1、.1, .l,. a-zA-Z2,3 ：用于E-mail验证。 2、0-96120-93010-901230-90-9312 18位身份证验证。 3、0-93,4-0-97,8 8位电话号码验证，如025-92345678或010-12345678。,2019年5月21日,第51页,CustomValidator(用户验证),CustomValidator用于自定义验证规则，从而提供更大的灵活性。基本语法： ,2019年5月21日,第52页,ValidationSummary(验证概要),ValidationSummary用于展示验证结果, 基本语法： ,201
16、9年5月21日,第53页,4.5用户自定义控件,用户控件的编写与Web窗体文件类似，不同于: 1. 需将文件后缀名改为.ascx 2. 用户控件文件中不能使用、控件或标记。 3. 用户控件定义后，需要先在Web窗体中进行注册。通过使用 Register指令，将用户控件包含在ASP.NET Web窗体中，使用语法为： 4. 用户控件定义并经注册后，就可以如同调用内置控件一样使用它了,其使用方法为： ,2019年5月21日,第54页,本章小结,服务器控件是ASP.NET程序的基础。 注意HTML标记、HTML服务器控件、Web服务器控件之间的异同点和对应关系。 网页中服务器控件的表现方式主要由控件的属性设置或使用CSS样式来控制。,
