2022年Web程序设计课堂教学教案 .pdf

上传人:C****o 文档编号:35808465 上传时间:2022-08-23 格式:PDF 页数:12 大小:91.71KB
返回 下载 相关 举报
2022年Web程序设计课堂教学教案 .pdf_第1页
第1页 / 共12页
2022年Web程序设计课堂教学教案 .pdf_第2页
第2页 / 共12页
点击查看更多>>
资源描述

《2022年Web程序设计课堂教学教案 .pdf》由会员分享,可在线阅读,更多相关《2022年Web程序设计课堂教学教案 .pdf(12页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。

1、学习必备欢迎下载洛阳理工学院课堂教学教案教师姓名:课程名称: Web程序设计授课时数: 6 第 7、8、9 次课授课纲要第 4 章 ASP.NET 服务器控件4.1 ASP.NET 服务器控件概述4.2 HTML 元素和服务器控件4.2.1 HTML 元素4.2.2 HTML 服务器控件4.3 标准服务器控件4.3.1 按钮控件4.3.2 TextBox(文本框 ) 控件4.3.3 ListBox控件和 DropDownList 控件4.3.4 CheckBox(复选框 ) 和 CheckBoxList(复选框列表 ) 控件4.3.5 Image和 ImageMap控件4.3.6 RadioB

2、utton和 RadioButtonList服务器控件4.3.7 MultiView和 View 控件4.3.8 AdRotator(广告控件 ) 服务器控件4.3.9 Literal控件和 Panel 控件4.4 验证控件4.4.1 ASP.NET 验证控件4.4.2 验证 Web窗体页中的用户输入4.5 用户控件教学目标1了解 ASP.NET服务器控件的分类、定义2掌握如何向网页添加ASP.NET服务器控件, 如何配置控件的属性、3行为和外观以及如何以编程方式使用这些控件。教学重点1ASP.NET服务器控件的属性、方法、事件2ASP.NET服务器控件的事件触发机制教学难点ASP.NET服务

3、器控件的方法使用方法教学方法及手段项目驱动,案例教学,一体化课堂;板书+多媒体。教学过程设计详细授课内容及具体过程,见正文描述。课外拓展试编写一个具有计算器功能的页面作业布置1 复习服务器控件实验,编写实验4 上机程序。教学后记名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 1 页,共 12 页 - - - - - - - - - 学习必备欢迎下载以下内容属于第7 次课:第 4 章 ASP.NET服务器控件 主要介绍 HTML 服务器控件、标准服务器控件、验证控件和

4、用户控件 4.1 ASP.NET 服务器控件概述在网页上经常看到填写信息用的文本框、单选按钮、复选框、下拉列表等元素,它们都是控件。 控件是可重用的组件或对象,有自己的 属性 和方法 ,可以响应事件 。ASP.NET服务器控件是服务器端ASP.NET网页上的对象 ,当用户通过浏览器请求 ASP.NET 网页时,这些控件将运行并把生成的标准的HTML 文件发送给客户端浏览器来呈现。在 ASP.NET 页面上,标准服务器控件表现为一个标记 , 例如 。这些标记不是标准的HTML 元素,因此如果它们出现在网页上,浏览器将无法理解它们, 然而,当从 Web服务器上请求一个ASP.NET 页面时,这些标

5、记都将动态地转换为 HTML 元素,因此浏览器只会接收到它能理解的HTML 内容。在创建 .aspx页面时,可以将任意的服务器控件放置到页面上,然而请求服务器上该页面的浏览器将只会接收到HTML 和 JavaScript脚本代码, 如图 4-1所示。Web浏览器无法理解ASP.NET 。 Web浏览器只理解HTML ,可能也理解JavaScript 但它 不能处理 ASP.NET 代码。 服务器读取 ASP.NET 代码并进行处理,将所有ASP.NET特有的内容转换为HTML以及( 如果浏览器支持的话 ) 一些JavaScript代码,然后将最新生成的HTML 发送回浏览器。ASP.NET 服

6、务器控件主要类别有HTML 服务器控件、标准服务器控件、验证控件、用户控件、数据控件、导航控件等。4.2 HTML 服务器控件 描述如何使用 VWD2008 工具箱的“HTML ” 选项卡上的 ASP.NET 服务器控件 4.2.1 HTML 元素在 VWD2008 中,从工具箱添加到页面上的HTML 服务器控件只是已设置了某些属性的 HTML 元素,当然也可通过输入HTML 标记在“源”视图中创建HTML 元素。默认情况下, ASP.NET 文件中的 HTML 元素作为文本进行处理,并且不能在服务器端代码中引用这些元素, 只能在客户端通过javascript和 vbscript等脚本语言来控

7、制。名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 2 页,共 12 页 - - - - - - - - - 学习必备欢迎下载工具箱的“ HTML ”选项卡上提供了一些基于HTML INPUT元素的控件。本节通过下列两个控件HTML INPUT 元素的使用方法。4.2.1 HTML 元素(1) Input (Button) 控件, 按钮控件:默认情况下是“INPUT type=button元素” 。(2)Input (Text) 控件,文本框控件: 默认情况下是 “

8、INPUT type=text元素” 。Input(Button)元素的主要功能是创建一个用来触发事件处理程序的按钮,通过使用 onclick属性来表明单击按钮可以触发的处理方法。其主要属性有:ID :此控件的编程名称;value :设置按钮中显示的文字。【例 4-1 】演示如何使用Input (Text)元素和 Input (Button)元素 结合操作讲解 参见教材。4.2.2 HTML 服务器控件在 VWD2008 中,从工具箱添加到 ASP.NET 页面上的 HTML 服务器控件只是已设置了某些属性的HTML 元素。默认情况下, 这些添加到 ASP.NET 文件中的 HTML 元素被视

9、为传递给浏览器的标记,作为文本进行处理, 不能在服务器端的代码中引用这些元素。若要使这些元素能以编程方式进行访问,可以通过添加runat=server属性表明应将HTML 元素作为服务器控件进行处理。还可设置HTML 元素的 id 属性,这样就可使用基于服务器的代码对其进行编程引用了。【例 4-2 】 演示如何使用工具箱的Input(Button)服务器控件、Input(Text)服务器控件 结合操作讲解 步骤请参见教材。4.3 标准服务器控件ASP.NET包含大量可在ASP.NET网页上使用的标准服务器控件。本节重点从 ASP.NET 服务器控件的工作原理和过程入手,介绍控件的常用功能和用法

10、。4.3.1 按钮控件可使用 ASP.NET Button 服务器控件为用户提供向服务器发送网页的能力。该控件会在服务器代码中触发一个事件 ,可以处理该事件来响应回发。ASP.NET包括三种按钮控件,每种按钮控件在网页上显示的方式都不同,如下表 4-1 所列:(1)按钮事件 :当用户单击任何Button (按钮)服务器控件时,会将该页发送到服务器。这使得在基于服务器的代码中,网页被处理, 任何挂起的事件被引发。 这些按钮名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第

11、 3 页,共 12 页 - - - - - - - - - 学习必备欢迎下载还可引发它们自己的Click事件,可以为这些事件编写“事件处理程序”。(2)按钮回发行为: 重点 当用户单击按钮控件时,该页回发到服务器 。默认情况下,该页回发到其本身,在这里重新生成相同的页面并处理该页上控件的事件处理程序。可以配置按钮以将当前页面回发到另一页面 。这对于创建多页窗体可能非常有用。在某些情况下, 可能希望 Button 控件也使用客户端脚本执行回发。这在希望以编程方式操作回发 (如将回发附加到页面上的其他元素)时非常有用。 可以将 Button 控件的 UseSubmitBehavior 属性 设置为

12、 true 以使 Button 控件使用基于客户端脚本的回发。(3)处理 Button 控件的客户端事件Button 控件既可以引发 服务器事件 ,也可以引发 客户端事件 。服务器事件在回发后发生, 且这些事件在为页面编写的服务器端代码中处理。客户端事件在客户端脚本(通常为ECMAScript(JavaScript))中处理,并在提交页面前引发。通过向 ASP.NET 按钮控件添加客户端事件, 可以执行一些任务 (如在提交页之前显示确认对话框以及可能取消提交) 。【例 4-3】演示 Button 控件、LinkButton控件、ImageButton 控件的使用。步骤请参见教材。 结合操作讲解

13、 4.3.2 TextBox(文本框)控件TextBox 服务器控件是 让用户向 ASP.NET网页输入文本的控件 。默认情况下,该控件的 TextMode属性设置为 TextBoxMode .SingleLine,这将显示一个单行文本框。但可以将TextMode 属性设置为 TextBoxMode.MultiLine,以显示多行文本框(该文本框将作为textarea元素呈现) 。也可以将 TextMode属性更改为 TextBoxMode.Password,以显示屏蔽用户输入的文本框。通过使用Text 属性可以获得 TextBox 控件中显示的文本。安全说明: 将 TextMode属性设置为

14、 TextBoxMode.Password 可有助于确保在输入密码时其他人无法看到。 但是,输入到文本框中的文本没有以任何方式进行加密,为了提高安全性, 在发送其中带有密码的页时,可以使用安全套接字层(SSL)和加密。【例 4-4】演示文本框 TextBox 控件、标签 Label 控件、按钮 Button 控件的使用。 结合操作讲解 步骤请参见教材。名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 4 页,共 12 页 - - - - - - - - - 学习必备欢

15、迎下载以下内容属于第8 次课:4.3.3 ListBox控件和 DropDownList 控件ListBox 服务器控件使用户能够从预定义的列表中选择一项或多项 。DropDownList 服务器控件使用户可以从预定义的下拉列表中选择单个项,它与 ListBox 服务器控件的不同之处在于,其选项列表在用户单击下拉按钮之前一直保持隐藏状态 。此外, DropDownList 控件不支持多重选择模式。DropDownList控 件 的 某 个 选 项 被 选 中 时 , 该 控 件 将 引 发SelectedIndexChanged事件。默认情况下,此事件不会导致向服务器发送页,但可通过将 Aut

16、oPostBack 属性设置为 true ,强制该控件立即发送 。如 果 将 ListBox控 件 的 属 性 SelectionMode的 值 从 “Single ” 改为“Multiple”将允许进行多重选择,用户可以在按住Ctrl或 Shift键的同时,单击以选择多个项。【例 4-5】演示 ListBox 控件和 DropDownList 控件的使用。步骤请参见教材。 结合操作讲解 4.3.4 CheckBox (复选框)和 CheckBoxList (复选框列表)控件CheckBox控件和 CheckBoxList 控件分别用于向用户提供选项和选项列表。CheckBox 控件适合用在选

17、项不多且比较固定的情况,当选项较多或需在运行时动态决定有哪些选项时,使用CheckBoxList 控件比较方便。【例 4-6】 演示复选框控件 CheckBox和复选框列表控件CheckBoxLis 使用。步骤请参见教材 。 结合操作讲解 4.3.5 Image和 ImageMap控件ASP.NET 3.5 包含两个图形控件,一个Image, 一个是 ImageMap控件。(1)Image服务器控件使您可以在ASP.NET 网页上显示图像 ,并用自己的代码管理这些图像。 可以在设计时或运行时以编程方式为Image 对象指定图形文件。还可以将控件的ImageUrl 属性绑定到一个数据源,以根据数

18、据库信息显示图形。与大多数其他服务器控件不同,Image控件不支持任何事件。例如,Image控件不响应鼠标单击事件。实际上,可以通过使用ImageMap或 ImageButton 控件来创建交互式图像。(2)Imagemap说白了 就是一种图形 ,包括许多不同部分,将鼠标指针指在图形的各个部分,点一下鼠标左键,就可以进入另一个超级链接的页面。Imagemap不一定要真的是map ,可以是任何图形。比如一张脸好了,将鼠标点在眼睛上就出现关于眼睛的页面,点在鼻子上就出现鼻子的页面(很适合做成整容外科的网页吧?!),也是一种 ImageMap 。名师归纳总结 精品学习资料 - - - - - - -

19、 - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 5 页,共 12 页 - - - - - - - - - 学习必备欢迎下载ImageMap控件由两个元素组成。第一个是 图像,它可是任何标准Web图形格式的图形,如 .gif、.jpg 或.png 文件。第二个元素是HotSpot(作用点)控件 的集合。每个作用点控件都是一个类型为 CircleHotSpot 、RectangleHotSpot 或 PolygonHotSpot 的不同项。对于每个作用点控件, 都要定义用于指定该作用点的位置和大小的坐标。例如,如果创建一个

20、 CircleHotSpot控件,则需要定义圆心的x 和 y 坐标以及圆的半径。响应用户单击 :每一个作用点都可以是一个单独的超链接或回发事件。可以指定用户单击作用点时发生的事件,可以将每个作用点配置为可以转到为该作用点提供的 URL的超链接。或者,也可以将控件配置为在用户单击某个作用点时执行回发,并可为每个作用点提供一个唯一值。回发会引发ImageMap控件的Click 事件。在事件处理程序中,可以读取分配给每个作用点的唯一值。【例 4-7】演示 Image控件和 ImageMap控件的使用。 结合操作讲解 步骤请参见教材。提示: HotSpots (作用点)的坐标以像素为单位,在Windo

21、ws的【画图】程序中打开, 任选一种画图工具, 移动鼠标, 在下部状态栏中可看到当前鼠标所在处的像素点的坐标,如图4-11 所示。4.3.6 RadioButton和 RadioButtonList 服务器控件在向ASP.NET网页添加单选按钮时,可以使用两种服务器控件:单 个RadioButton 控件或 RadioButtonList控件。这两种控件都允许用户从一小组互相排斥的预定义选项中进行选择。 这些控件允许您定义任意数目带标签的单选按钮,并将它们水平或垂直排列。每类控件都有各自的优点。单个RadioButton 控件使您可以 更好地控制单选按钮组的布局 。例如,可以在各单选按钮之间加

22、入文本(即非单选按钮文本)。RadioButtonList控件 不允许您在按钮之间插入文本,但如果想将按钮绑定到数据源,使用这类控件要方便得多。在编写代码以检查所选定的按钮方面,它也稍微简单一些。1. 对单选按钮分组单选按钮很少单独使用,而是进行分组以提供一组互斥的选项。在一个组内,每次只能选择一个单选按钮。您可以用下列方法创建分组的单选按钮:(1)先向页面中添加单个的RadioButton 控件,然后将所有这些控件手动分配到一个组( GroupName )中。具有相同组名的所有单选按钮视为单个组的组成部分。(2)向页面中添加一个 RadioButtonList控件。该控件中的列表项将自动进行

23、分组。2. RadioButton事件名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 6 页,共 12 页 - - - - - - - - - 学习必备欢迎下载在单个 RadioButton 控件和 RadioButtonList控件之间,事件的工作方式略有不同。单个 RadioButton 控件在用户单击该控件时引发CheckedChanged 事件。默认情况下,这一事件并不导致向服务器发送页面,但通过将AutoPostBack 属性设置为 true ,可以使该控

24、件强制立即发送。与单个的 RadioButton控件相反, RadioButtonList控件在用户更改列表中选定的单选按钮时会引发SelectedIndexChanged 事件。默认情况下,此事件并不导致向服务器发送窗体, 但可以通过将 AutoPostBack 属性设置为 true 来指定此选项。【 例 4-8 】 演 示 单 选 按 钮 控 件 RadioButton和 单 选 按 钮 列 表 控 件RadioButtonList使用。 结合操作讲解 4.3.7 MultiView和 View 控件MultiView 和 View 控件和制作出选项卡的效果, MultiView控件用作一

25、个或多个 View 控件的外部容器。 View 控件又可包含标记和控件的任何组合。如果要切换视图,可以使用控件的 ID或者 View控件的索引值。在 MultiView控件中,一次只能将一个 View 控件定义为活动视图。 如果某个 View 控件定义为活动视图,它所包含的子控件则会呈现到客户端。可以使用ActiveViewIndex属性或 SetActiveView方法定义活动视图。 如果 ActiveViewIndex属性为空,则MultiView控件不向客户端呈现任何内容。如果活动视图设置为MultiView控件中不存在的 View,则会在运行时引发ArgumentOutOfRangeE

26、xception。一些常用的属性、方法:ActiveViewIndex属性:用于获取或设置当前被激活显示的View 控件的索引值。默认值为 1,表示没有 View 控件被激活。SetActiveView方法: 用于激活显示特定的View 控件。ActiveViewChanged 事件: 当视图切换时被激发。MultiView控件一次显示一个View 控件,并公开该View 控件内的标记和控件。通过设置 MultiView控件的 ActiveViewIndex属性,可以指定当前可见的View 控件。呈现 View 控件内容: 未选择某个 View 控件时,该控件不会呈现到页面中。但是,每次呈现页

27、面时都会创建所有View 控件中的所有服务器控件的实例,并且将这些实例的值存储为页面的视图状态的一部分。引用控件: 每个 View 控件都支持 Controls属性,该属性包含该 View 控件中的控件集合。也可以在代码中单独引用View 控件中的控件。名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 7 页,共 12 页 - - - - - - - - - 学习必备欢迎下载在视图间导航:除了通过将MultiView控件的 ActiveViewIndex属性设置为要显

28、示的 View 控件的索引值可以在视图间导航外,MultiView控件还支持可以添加到每个 View 控件的导航按钮。若要创建导航按钮,可以向每个View 控件添加一个按钮控件(Button 、LinkButton或 ImageButton ) 。 然 后 可 以 将 每 个 按 钮 的CommandName 和CommandArgument 属性设置为保留值以使MultiView 控件移动到另一个视图。【例 4-9】View 和 MultiView控件示例。 结合操作讲解 4.3.8 AdRotator 广告控件 服务器控件AdRotator 服务器控件提供一种 在 ASP.NET网页上显示

29、广告的方法 。该控件可显示 .gif文件或其他图形图像。当用户单击广告时,系统会将他们重定向到指定的目标 URL 。AdRotator 服务器控件可从 数据源(通常是XML文件或数据库表)提供的广告列表中自动读取广告信息,如图形文件名和目标URL 。您可以将信息存储在一个 XML文件或数据库表中,然后将AdRotator 控件绑定到该文件。AdRotator控件会 随机选择广告 ,每次刷新页面时都将更改显示的广告。广告可以加权以控制广告条的优先级别,这可以使某些广告的显示频率比其他广告高。也能编写在广告间循环的自定义逻辑。AdRotator 控件的 所有属性都是可选的 。XML文件中可以包括下

30、列属性:ImageUrl :要显示的图像的 URL 。NavigateUrl :单击 AdRotator 控件时要转到的网页的URL 。AlternateText:图像不可用时显示的文本。Keyword:可用于筛选特定广告的广告类别。Impressions :一个指示广告的可能显示频率的数值(加权数值)。在 XML文件中,所有 Impressions值的总和不能超过2,048,000,000 - 1。Height :广告的高度(以像素为单位) 。此值会重写 AdRotator 控件的默认高度设置。Width:广告的宽度(以像素为单位) 。此值会重写AdRotator 控件的默认宽度设置。【例

31、4-10】使用 AdRotator 服务器控件显示数据库中的广告 结合操作讲解 4.3.9 Literal控件和 Panel 控件Literal控件和 Panel 控件均可作为容器控件,但二者的适用场合不同,下面分别介绍。1.Literal控件Literal控件可以作为页面上其他内容的容器,最常用于向页面中动态添名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 8 页,共 12 页 - - - - - - - - - 学习必备欢迎下载加内容。对于静态内容,无需使用容器

32、,可以将标记作为HTML 直接添加到页面中。但是,如果要动态添加内容,则必须将内容添加到容器中。典型的容器有Label控件、 Literal控件、 Panel 控件和 PlaceHolder 控件。Literal控件与 Label 控件的区别在于Literal控件不向文本中添加任何HTML 元素。 (Label 控件呈现一个 span 元素。 )因此, Literal控件不支持包括位置属性在内的任何样式属性。但是,Literal控件允许指定是否对内容进行编码。Panel 和 PlaceHolder控件呈现为 div 元素,这将在页面中创建离散块,与 Label 和 Literal控件进行内嵌呈

33、现的方式不同。通常情况下,当希望文本和控件直接呈现在页面中而不使用任何附加标记时,可使用 Literal控件。Literal控件常用的属性是Mode属性, 该属性用于指定控件对您所添加的标记的处理方式。可以将 Mode 属性设置为以下值:Transform. :将对添加到控件中的任何标记进行转换,以适应请求浏览器的协议。如果向使用 HTML 外的其他协议的移动设备呈现内容,此设置非常有用。PassThrough. :添加到控件中的任何标记都将按原样呈现在浏览器中。Encode:将使用 HtmlEncode方法对添加到控件中的任何标记进行编码,这会将 HTML 编码转换为其文本表示形式。例如,标

34、记将呈现为 <b>。当希望浏览器显示而不解释标记时,编码将很有用。 编码对于安全也很有用, 有助于防止在浏览器中执行恶意标记。 显示来自不受信任的源的字符串时推荐使用此设置。【例 4-11】演示 Literal控件的使用。 结合操作讲解 2. Panel控件Panel 控件在 ASP.NET网页内提供了一种 容器控件 ,可以将它用作静态文本和其他控件的父控件 ,向该控件添加其他控件和静态文本。 特别说明和强调 可以将 Panel 控件用作其他控件的容器。当以编程方法创建内容并需要一种将内容插入到页面中的方法时,此方法尤为适用。以下部分描述了可以使用Panel 控件的其他方法。(1)

35、动态生成的控件的容器Panel 控件为在运行时创建的控件提供了一个方便的容器。(2)对控件和标记进行分组对于一组控件和相关的标记,可以通过把其放置在Panel 控件中,然后操作此 Panel 控件的方式将它们作为一个单元进行管理。例如,可以通过设置面板的 Visible属性来隐藏或显示该面板中的一组控件。名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 9 页,共 12 页 - - - - - - - - - 学习必备欢迎下载(3)具有默认按钮的窗体可将 TextBo

36、x 控件和 Button 控件放置在 Panel 控件中,然后通过将Panel控件的 DefaultButton属性设置为面板中某个按钮的ID 来定义一个默认的按钮。如果用户在面板内的文本框中进行输入时按Enter ,这与用户单击特定的默认按钮具有相同的效果。这有助于用户更有效地使用项目窗体。(4)向其他控件添加滚动条有些控件(如 TreeView 控件)没有内置的滚动条。通过在Panel 控件中放置滚动条控件,可以添加滚动行为。若要向 Panel 控件添加滚动条,请设置 Height和 Width 属性,将 Panel 控件限制为特定的大小, 然后再设置 ScrollBars属性。(5)页上

37、的自定义区域可使用 Panel 控件在页面上创建具有自定义外观和行为的区域,如下所示:创建一个带标题的分组框: 可设置 GroupingText 属性来显示标题。 呈现页时,Panel 控件的周围将显示一个包含标题的框,其标题是您指定的文本。说明:不能在Panel 控件中同时指定滚动条和分组文本。如果设置了分组文本,其优先级高于滚动条。在页面上创建具有自定义颜色或其他外观的区域:Panel 控件支持外观属性(如 BackColor 和 BorderWidth ) ,可以设置外观属性为页面上的某个区域创建独特的外观。说明:设置 GroupingText 属性将自动在 Panel 控件周围呈现一个

38、边框。【例 4-12】演示文件 Panel 控件的使用。 结合操作讲解 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 10 页,共 12 页 - - - - - - - - - 学习必备欢迎下载以下内容属于第9 次课:4.4 验证控件 重点讲解:验证控件的使用场所和定义 ASP.NET为开发人员提供了一套完整的服务器控件来验证用户输入的信息是否有效,这些控件可与 ASP.NET 网页上的任何控件 (包括 HTML 和服务器控件)一起使用。4.4.1 ASP.NET

39、 验证控件表 4-2 列出了 ASP.NET 验证控件及其功能说明。验证对象模型 :通过使用由各个验证控件和页面公开的对象模型,可以与验证控件进行交互。 每个验证控件都会公开自己的IsValid属性 ,可以测试该属性以确定该控件是否通过验证测试。页面还公开一个IsValid属性,该属性总结页面上所有验证控件的IsValid状态。该属性允许您执行单个测试, 以确定是否可以继续自行处理。 页面还 公 开一个 包含页面上所有验 证控件的列表的Validators集合。可以依次通过这一集合来检查单个验证控件的状态。Button 控件和验证: 如果某一页面包含 ASP.NET 验证控件,则在默认情况下,

40、 单击按钮控件会导致验证控件执行检查。如果为验证控件启用了客户端验证,则在验证检查失败时不会提交该页面。下表 4-3 描述了按钮控件所支持的可以更精确地控制验证过程的属性。4.4.2 验证 Web 窗体页中的用户输入【例 4-13】验证 Web窗体页中的用户输入。 结合操作讲解 【例 4-14】演示 CompareValidator比较验证控件的使用方法。 结合操作讲解 4.5 用户控件有时可能需要控件具有ASP.NET内置服务器控件没有的功能。在这种情况下,用户可以 创建自己的控件 。有两个选择,可以 创建用户控件 和自定义控件。用户控件 :用户控件是能够在其中放置标记和服务器控件的容器。然

41、后,可以将用户控件作为一个单元对待,为其定义属性和方法。自定义控件 :自定义控件是编写的一个类,此类从Control 或 WebControl派生。创建用户控件要比创建自定义控件方便很多,因为可以重用现有的控件。用户控件使创建具有复杂用户界面元素的控件极为方便。名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 11 页,共 12 页 - - - - - - - - - 学习必备欢迎下载1. 用户控件结构ASP.NET Web用户控件与完整的ASP.NET 网页( .a

42、spx 文件)相似,同时具有用户界面页和代码页。可以采取与创建ASP.NET 页相似的方式创建用户控件,然后向其中添加所需的标记和子控件。用户控件可以像页面一样包含对其内容进行操作(包括执行数据绑定等任务)的代码。2. 用户控件与 ASP.NET 网页有以下区别 特别说明和强调 (1)用户控件的文件扩展名为.ascx 。(2)用户控件中没有 Page 指令,而是包含 Control 指令,该指令对配置及其他属性进行定义。(3)用户控件不能作为独立文件运行。而必须像处理任何控件一样,将它们添加到 ASP.NET 页中。(4)用户控件中没有 HTML 、body 或 form 元素。这些元素必须位

43、于宿主页中。(5)可以在用户控件上使用与在ASP.NET网页上所用相同的HTML元素(HTML 、body 或 form 元素除外)和 Web控件。例如,如果您要创建一个将用作工具栏的用户控件,则可以将一系列Button 服务器控件放在该控件上,并创建这些按钮的事件处理程序。【例 4-15】演示一个实现微调控件的用户控件。在此微调控件中,用户可以单击“向上”和“向下”按钮以滚动文本框中的一系列选择。 结合操作讲解 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 12 页,共 12 页 - - - - - - - - -

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 教育专区 > 高考资料

本站为文档C TO C交易模式,本站只提供存储空间、用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。本站仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知淘文阁网,我们立即给予删除!客服QQ:136780468 微信:18945177775 电话:18904686070

工信部备案号:黑ICP备15003705号© 2020-2023 www.taowenge.com 淘文阁