常用服务器控件.

1、.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第1页第第5章章 ASP.NET常用服务器控件常用服务器控件.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第2页l理解什么是控件及控件的属性、事件和方法理解什么是控件及控件的属性、事件和方法l掌握基本的标准控件，如标签、文本框、按掌握基本的标准控件，如标签、文本框、按钮、单选框、复选框、下拉列表框等钮、单选框、复选框、下拉列表框等l掌握验证控件的使用掌握验证控件的使用l掌握登录控件的使用掌握登录控件的使用l掌握导航控件的使用掌握导航控件的使用教学目标教学目标.NET环境

2、与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第3页第第5章章 ASP.NET常用服务器控件常用服务器控件5.1服务器控件概述服务器控件概述5.2 标准服务器控件标准服务器控件5.3验证控件验证控件5.4 登录登录控件控件5.5 导航控件导航控件.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第4页5.1 服务器控件概述服务器控件概述5.1.1 控件的种类控件的种类5.1.2 设置服务器控件属性设置服务器控件属性.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第5页5.1.1 控件的种类控件

3、的种类lASP.NET提供了两大类服务器控件：提供了两大类服务器控件：HTML 服务器控件和服务器控件和Web 服务器控件。服务器控件。lHTML 服务器控件是由服务器控件是由System.Web.UI.HtmlControls类实现的，类实现的，它其实就是它其实就是HTML标记的可编程版本。这部标记的可编程版本。这部分控件基本对应了传统的分控件基本对应了传统的HTML标记，简单标记，简单地说，任何地说，任何 HTML标记都可以通过添加属性标记都可以通过添加属性 runat=server 来转换为来转换为 HTML 服务器控件服务器控件 .NET环境与程序设计环境与程序设计 计算机基础课程计算

4、机基础课程2022年5月23日第6页5.1.1 控件的种类控件的种类lWeb 服务器控件是由服务器控件是由System.Web.UI. WebControls类实现的，它并不和类实现的，它并不和HTML标标记一一对应。记一一对应。Web 服务器控件比服务器控件比HTML 服务服务器控件具有更多的内置功能。器控件具有更多的内置功能。 l按照功能区分，按照功能区分，Web 服务器控件还可以分服务器控件还可以分为标准控件、数据控件、验证控件、导航控为标准控件、数据控件、验证控件、导航控件、登录控件、件、登录控件、Web parts控件以及其他辅控件以及其他辅助安装的自定义控件等。助安装的自定义控件等

5、。.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第7页5.1.2 设置服务器控件属性设置服务器控件属性l在在ASP.NET中，可以通过三种方式来设置中，可以通过三种方式来设置服务器控件的属性。（服务器控件的属性。（1）通过）通过“属性属性”对话对话框直接设置；（框直接设置；（2）在控件的）在控件的HTML代码中设代码中设置；（置；（3）通过页面的后台代码以编程的方式）通过页面的后台代码以编程的方式指定控件的属性。指定控件的属性。.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第8页5.2 标准服务器控件标准服务器控件

6、5.2.1标签控件（标签控件（Label）5.2.2 TextBox（文本框）控件（文本框）控件 5.2.3 按钮控件（按钮控件（Button，LinkButton，ImageButton）5.2.4 HyperLink（超链接）控件（超链接）控件5.2.5图像控件（图像控件（Image）5.2.6 CheckBox（复选框）和（复选框）和CheckBoxList（复选框列表）控件（复选框列表）控件.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第9页5.2.7 RadioButton和和RadioButtonList控控件件5.2.8 列表控件（列表控件

7、（DropDownList和和ListBox）5.2.9 MultiView和和View控件控件5.2.10文件上传控件（文件上传控件（FileUpload）5.2.11 广告控件（广告控件（AdRotator）5.2.12表格控件（表格控件（Table）5.2.13 Literal控件和控件和Panel控件控件.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第10页5.2.1标签控件（标签控件（Label）使用使用 Label 控件可以在页面上的固定位置控件可以在页面上的固定位置显示文本。与静态文本不同，可以通过设置显示文本。与静态文本不同，可以通过设置

8、 Text 属性来自定义所显示的文本。语法为：属性来自定义所显示的文本。语法为：.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第11页5.2.2 TextBox（文本框）控件（文本框）控件 语法为：语法为：.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第13页5.2.3 按钮控件（按钮控件（Button，LinkButton，ImageButton）lButtonlLinkButtonlImageButton.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第14页Button（

9、按钮）控件（按钮）控件.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第15页ImageButton（图像按钮）控件（图像按钮）控件语法为：语法为：.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第16页 LinkButton（超链接按钮）控件（超链接按钮）控件语法为：语法为： .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第17页5.2.4 HyperLink（超链接）控件（超链接）控件这个控件为创建超链接提供了一种简便的方这个控件为创建超链接提供了一种简便的方法。语法为：法。

10、语法为：.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第18页5.2.5图像控件（图像控件（Image）.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第19页5.2.6 CheckBox（复选框）和（复选框）和CheckBoxList（复选框列表）控件（复选框列表）控件.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第20页5.2.7 RadioButton和和RadioButtonList控件控件lRadioButtonlRadioButtonList.NET环境与程序设计环

11、境与程序设计 计算机基础课程计算机基础课程2022年5月23日第21页RadioButton（单选框）控件（单选框）控件 asp:RadioButton id=控件名称控件名称 Checked=True | False，表示控件是否被，表示控件是否被 选中选中Text=关联文字，为单选按钮创建标签关联文字，为单选按钮创建标签 TextAlign= True | False，表示文本标签相对于，表示文本标签相对于控件的对齐方式控件的对齐方式 GroupName=单选控件所处的组名称单选控件所处的组名称.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第22页R

12、adioButtonList控件控件在单个在单个RadioButton控件和控件和RadioButtonList控件控件之间，事件的工作方式略有不同。之间，事件的工作方式略有不同。单个单个RadioButton控件在用户单击该控件时引发控件在用户单击该控件时引发CheckedChanged事件。默认情况下，这一事件并事件。默认情况下，这一事件并不导致向服务器发送页面，但通过将不导致向服务器发送页面，但通过将AutoPostBack属性设置为属性设置为true，可以使该控件强，可以使该控件强制立即发送。制立即发送。.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月2

13、3日第23页与单个的与单个的RadioButton控件相反，控件相反，RadioButtonList控件在用户更改列表中选定的单控件在用户更改列表中选定的单选按钮时会引发选按钮时会引发SelectedIndexChanged事件。默事件。默认情况下，此事件并不导致向服务器发送窗体，但认情况下，此事件并不导致向服务器发送窗体，但可以通过将可以通过将AutoPostBack属性设置为属性设置为true来指定来指定此选项。此选项。.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第24页5.2.8 列表控件（列表控件（DropDownList和和ListBox）l

14、DropDownList列表控件列表控件lListBox列表控件列表控件.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第25页DropDownList列表控件列表控件列表控件能在一个控件中为用户提供多个选项，同时又能列表控件能在一个控件中为用户提供多个选项，同时又能够避免用户输入错误的选项。够避免用户输入错误的选项。DropDownList是一个单项选是一个单项选择下拉列表框控件，语法为：择下拉列表框控件，语法为： 选项文字1 选项文字2 .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第26页ListBox列表控件

15、列表控件相对于相对于DropDownList控件而言，控件而言，ListBox控件可以指定用户是否允许多项选择。控件可以指定用户是否允许多项选择。 .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第27页5.2.9 MultiView和和View控件控件MultiView和和View控件可以制作出选项卡的控件可以制作出选项卡的效果，效果，MultiView控件用作一个或多个控件用作一个或多个View控件的外部容器。控件的外部容器。View控件又可包含标记和控件又可包含标记和控件的任何组合。控件的任何组合。.NET环境与程序设计环境与程序设计 计算机基础课程

16、计算机基础课程2022年5月23日第28页5.2.10文件上传控件（文件上传控件（FileUpload）在在ASP.NET中，开发环境默认的提供了文件上传控件来简中，开发环境默认的提供了文件上传控件来简化文件上传的开发。当开发人员使用文件上传控件时，将会化文件上传的开发。当开发人员使用文件上传控件时，将会显示一个文本框，用户可以键入或通过显示一个文本框，用户可以键入或通过“浏览浏览”按键浏览和按键浏览和选择希望上传到服务器的文件。选择希望上传到服务器的文件。 .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第29页5.2.11 广告控件（广告控件（AdRo

17、tator）lAdRotator 服务器控件提供一种在服务器控件提供一种在ASP.NET网页上显示广告的方法。该控件可网页上显示广告的方法。该控件可显示显示.gif文件或其他图形图像。当用户单击广文件或其他图形图像。当用户单击广告时，系统会将他们重定向到指定的目标告时，系统会将他们重定向到指定的目标URL。lAdRotator 服务器控件可从数据源（通常服务器控件可从数据源（通常是是XML文件或数据库表）提供的广告列表中文件或数据库表）提供的广告列表中自动读取广告信息，如图形文件名和目标自动读取广告信息，如图形文件名和目标URL。 .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础

18、课程2022年5月23日第30页5.2.12表格控件（表格控件（Table）表格控件表格控件（Table）来提供可编程的表格服来提供可编程的表格服务器控件，表中的行可以通过务器控件，表中的行可以通过TableRow控件控件创建创建，而表中的列通过而表中的列通过TableCell控件控件来实现来实现。 .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第31页5.2.13 Literal控件和控件和Panel控件控件其它控件其它控件.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第32页lLiteral控件可以作为页面上其

19、他内容的容器，控件可以作为页面上其他内容的容器，最常用于向页面中动态添加内容。最常用于向页面中动态添加内容。对于静态内容，无需使用容器，可以将标记对于静态内容，无需使用容器，可以将标记作为作为HTML直接添加到页面中。但是，如果直接添加到页面中。但是，如果要动态添加内容，则必须将内容添加到容器要动态添加内容，则必须将内容添加到容器中。中。 .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第33页5.3 验证控件验证控件5.3.1 验证控件及其作用验证控件及其作用5.3.2 验证控件的属性和方法验证控件的属性和方法5.3.3 必要字段验证（必要字段验证（Re

20、quiredFieldValidator）5.3.4比较验证（比较验证（CompareValidator）5.3.5 范围验证（范围验证（RangeValidator）5.3.6自定义验证（自定义验证（CustomValidator）5.3.7正则表达式验证正则表达式验证 （RegularExpressionValidator）5.3.8 验证汇总（验证汇总（ValidationSummary）5.3.9 禁用数据验证禁用数据验证.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第34页5.3.1 验证控件及其作用验证控件及其作用ASP.NET验证控件是一个

21、服务器控件集合，验证控件是一个服务器控件集合，允许这些控件验证关联的输入服务器控件允许这些控件验证关联的输入服务器控件（如（如TextBox），并在验证失败时显示自定），并在验证失败时显示自定义消息，每个验证控件执行特定类型的验证。义消息，每个验证控件执行特定类型的验证。一个输入控件可以同时被多个验证控件关联一个输入控件可以同时被多个验证控件关联验证。验证。ASP.NET的验证控件如表所示。的验证控件如表所示。 .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第35页asp:RequiredField 验证某输入控件中的值，使其不能为空验证某输入控件中的值

22、，使其不能为空asp:CompareValida 验证某输入控件中的值与另一个控件中的值验证某输入控件中的值与另一个控件中的值或与一个特定的值是否相匹配或与一个特定的值是否相匹配asp:RangeValidato 验证某输入控件中的值是否在某个特定文本验证某输入控件中的值是否在某个特定文本内或是在某个数值范围内内或是在某个数值范围内asp:RegularExpres 验证某输入控件中的值是否与一个特定的正验证某输入控件中的值是否与一个特定的正则表达式相匹配则表达式相匹配asp:CustomValidat 使用一个客户端的或服务器端的自定义函数使用一个客户端的或服务器端的自定义函数对某个输入控件

23、进行验证对某个输入控件进行验证asp:ValidationSum 显示所有当前页面验证错误信息的摘要显示所有当前页面验证错误信息的摘要.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第36页5.3.2 验证控件的属性和方法验证控件的属性和方法所有的验证控件都继承自所有的验证控件都继承自BaseValidator 类，类，BaseValidator 类为所有的验证控件提供了类为所有的验证控件提供了一些公用的属性和方法，如表所示。一些公用的属性和方法，如表所示。.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第37页Con

24、trolToValidControlToValidateate属性属性验证控件将验证的输入控件的验证控件将验证的输入控件的IDID，如果，如果此为非法此为非法 IDID，则引发异常，则引发异常DisplayDisplay属性属性指定的验证控件的显示行为指定的验证控件的显示行为EnableClientScEnableClientScriptript属性属性指示是否启用客户端验证，通过将指示是否启用客户端验证，通过将 EnableClientScriptEnableClientScript 属性设置为属性设置为 falsefalse，可在支持此功能的浏览器上禁，可在支持此功能的浏览器上禁用客户端验

25、证用客户端验证ErrorMessageErrorMessage属属性性当验证失败时在当验证失败时在 ValidationSummaryValidationSummary 控件中显示的错误信息。如果未设置验控件中显示的错误信息。如果未设置验证控件的证控件的 Text Text 属性，则验证失败时，属性，则验证失败时，验证控件中仍显示此文本。验证控件中仍显示此文本。ErrorMessageErrorMessage 属性通常用于为验证控属性通常用于为验证控件和件和 ValidationSummaryValidationSummary 控件提供各控件提供各种消息种消息.NET环境与程序设计环境与程序设

26、计 计算机基础课程计算机基础课程2022年5月23日第38页ForeColorForeColor 属性属性指定当验证失败时用于显示错误消息的指定当验证失败时用于显示错误消息的文本颜色文本颜色EnabledEnabled属性属性指示是否启用验证控件，通过将该属性指示是否启用验证控件，通过将该属性设置为设置为 false false 可以阻止验证控件验证可以阻止验证控件验证输入控件输入控件IsValidIsValid属性属性指示指示 ControlToValidateControlToValidate 属性所指定属性所指定的输入控件是否被确定为有效的输入控件是否被确定为有效TextText属性属性

27、此属性设置后，验证失败时会在验证控此属性设置后，验证失败时会在验证控件中显示此消息。如果未设置此属性，件中显示此消息。如果未设置此属性，则在该控件中显示则在该控件中显示 ErrorMessageErrorMessage 属性属性中指定的文本中指定的文本ValidateValidate方法方法验证相关的输入控件，并更新验证相关的输入控件，并更新IsValidIsValid属性属性.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第39页5.3.3 必要字段验证必要字段验证（RequiredFieldValidator）1.RequiredFieldValida

28、tor（必填验证）控件（必填验证）控件 语法为：语法为：.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第40页5.3.4比较验证控件（比较验证控件（CompareValidator）语法为：语法为：asp:CompareValidator id=控件名称控件名称 ControlToValidate=第一个被验证的控件第一个被验证的控件的名称的名称ControlToCompare=第二个被验证的控件第二个被验证的控件的名称的名称ValueToCompare=指定的数据值指定的数据值Type= String|Integer|Double|Date|Curre

29、ncy，表，表示按哪一种数据类型比较示按哪一种数据类型比较.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第41页5.3.4比较验证控件（比较验证控件（CompareValidator）Operator=Equal | NotEqual | GreaterThan |GreaterThanEqual | LessThan | LessThanEqual |DataTypeCheck，分别表示，分别表示=、 =、.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第42页5.3.5 范围验证控件（范围验证控件（RangeVa

30、lidator）.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第43页5.3.6自定义验证控件自定义验证控件（CustomValidator） .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第44页5.3.7正则表达式验证控件正则表达式验证控件（RegularExpressionValidator）.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第45页5.3.8 验证汇总控件验证汇总控件（ValidationSummary）.NET环境与程序设计环境与程序设计 计算机基础课程

31、计算机基础课程2022年5月23日第46页5.3.9 禁用数据验证禁用数据验证l在特定控件中禁用验证：将相关控件的在特定控件中禁用验证：将相关控件的 CausesValidation 属性设置为属性设置为 false。l禁用验证控件：将验证控件的禁用验证控件：将验证控件的 Enabled 属属性设置为性设置为 false。l禁用客户端验证：将验证控件的禁用客户端验证：将验证控件的 EnableClientScript 属性设置为属性设置为 false。.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第47页5.4 登录控件登录控件5.4.1 登录控件（登录

32、控件（Login）5.4.2 登录名称控件（登录名称控件（LoginName）5.4.3 登录视图控件（登录视图控件（LoginView）5.4.4 登录状态控件（登录状态控件（LoginStatus）5.4.5 密码更改控件（密码更改控件（ChangePassword）5.4.6 创建用户控件（创建用户控件（CreateUserWizard）.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第48页5.4.1 登录控件（登录控件（Login）登录控件是一个复合控件，它包含用户名和登录控件是一个复合控件，它包含用户名和密码文本框，以及一个询问用户是否希望在密

33、码文本框，以及一个询问用户是否希望在下一次访问该页面时记起其身份的复选框。下一次访问该页面时记起其身份的复选框。当用户勾选此选项时，下一次用户访问此网当用户勾选此选项时，下一次用户访问此网站，将自动进行身份验证。站，将自动进行身份验证。 .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第49页5.4.2 登录名称控件（登录名称控件（LoginName）登录名称控件（登录名称控件（LoginName）是一个用来）是一个用来显示已经成功登录的用户的控件。在显示已经成功登录的用户的控件。在Web应应用程序开发中，开发人员常常需要在页面中用程序开发中，开发人员常常

34、需要在页面中通知相应的用户已经登录，如用户在商品网通知相应的用户已经登录，如用户在商品网站上进行登录，登录成功后可以在相应的页站上进行登录，登录成功后可以在相应的页面中提示面中提示“您已登录，您的用户名是您已登录，您的用户名是XXX”等，等，这样不仅能够提高用户的友好度，也能够让这样不仅能够提高用户的友好度，也能够让开发人员在开发人员在Web应用程序中方便的对用户信应用程序中方便的对用户信息做收集整理。息做收集整理。.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第50页5.4.3 登录视图控件（登录视图控件（LoginView）在开发一个应用程序时，开发

35、人员希望应用在开发一个应用程序时，开发人员希望应用程序能够实现功能当用户在网站中没有登录程序能够实现功能当用户在网站中没有登录时，用户看到的视图是没有登录时的视图，时，用户看到的视图是没有登录时的视图，包括网站的风格、系统的提示信息等。而当包括网站的风格、系统的提示信息等。而当用户登录后，用户看到的视图是登录后的视用户登录后，用户看到的视图是登录后的视图，同样包括网站的风格、系统的提示信息图，同样包括网站的风格、系统的提示信息等。等。 .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第51页5.4.4 登录状态控件（登录状态控件（LoginStatus）登

36、录状态控件（登录状态控件（LoginStatus）用于显示用）用于显示用户验证时的状态，户验证时的状态，LoginStatus包括包括“登录登录”和和“注销注销”两种状态，对于两种状态，对于LoginStatus控控件的状态是由相应的件的状态是由相应的Page对象的对象的Request属属性中的性中的IsAuthenticated属性进行决定。属性进行决定。 .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第52页5.4.5 密码更改控件密码更改控件（ChangePassword）在应用程序开发中，开发人员需要编写密码在应用程序开发中，开发人员需要编写密码

37、更改控件让用户能够快速的进行密码更改。更改控件让用户能够快速的进行密码更改。在应用程序的使用中，用户会经常需要更改在应用程序的使用中，用户会经常需要更改密码，更改密码有很多的可能性。密码，更改密码有很多的可能性。 .NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第53页5.4.6 创建用户控件创建用户控件（CreateUserWizard）创建用户控件（创建用户控件（CreateUserWizard）为）为MembershipProvider对象提供了用户界面，对象提供了用户界面，使用该控件能够方便的让开发人员在页面中使用该控件能够方便的让开发人员在页面中

38、生成相应的用户，同时当用户访问该应用程生成相应的用户，同时当用户访问该应用程序时，用户能够通过使用序时，用户能够通过使用CreateUserWizard控件的相应的功能进行注册。控件的相应的功能进行注册。.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第54页5.5 导航控件导航控件5.5.1 SiteMapPath导航控件导航控件5.5.2 Menu导航控件导航控件5.5.3 TreeView导航控件导航控件.NET环境与程序设计环境与程序设计 计算机基础课程计算机基础课程2022年5月23日第55页5.5.1 SiteMapPath导航控件导航控件要使用要使用SiteMapPath导航控件，首先需要使导航控件，首先需要使用站点地图定义网站的结构，创建站点地图用站点地图定义网站的结构，创建站点地图文件。然后使用文件。然后使用SiteMapPath控件实现网站控件实现网站导航。导航。.NET环境与程序设计环境与