《ASP.NET 3.5网站开发实例教程 978-7-302-19617-4 ch04》由会员分享，可在线阅读，更多相关《ASP.NET 3.5网站开发实例教程 978-7-302-19617-4 ch04（102页珍藏版）》请在金锄头文库上搜索。
1、2019年5月24日,第1页,第4章 ASP.NET服务器控件,ASP.NET3.5网站开发实例教程 清华大学出版社,教学目标 教学重点 教学过程,2019年5月24日,第2页,教学目标,了解ASP.NET服务器控件的定义 掌握如何向网页添加ASP.NET服务器控件，如何配置控件的属性、行为和外观以及如何以编程方式使用这些控件。,2019年5月24日,第3页,教学重点,理解和掌握服务器控件的基本概念 理解和掌握服务器控件的属性、方法和事件 理解和掌握用户控件的编写技术、使用技术,2019年5月24日,第4页,教学过程,4.1 ASP.NET服务器控件概述 4.2 HTML服务器控件 4.2.1
2、 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控件,2019年5月24日,第5页,教学过程,4.3.6 RadioButton和RadioButtonList 服务器控件 4.3.7 MultiView和View控件 4.3.8 AdRotator（广告控件）服务器控件 4.3.9 Literal控件和Panel控件 4.
3、4 验证控件 4.4.1 ASP.NET验证控件 4.4.2 验证 Web 窗体页中的用户输入 4.5 用户控件 实验4 用户控件的创建 一、实验目的 二、实验内容和要求,2019年5月24日,第6页,概述,ASP.NET服务器控件是ASP.NET网页上的对象，当客户端浏览器请求服务器端的网页时，这些控件对象将在服务器上运行并向客户端浏览器呈现HTML标记。使用ASP.NET服务器控件，可以大幅减少开发Web应用程序所需编写的代码量，提高开发效率和Web应用程序的性能。 本章首先介绍ASP.NET服务器控件的基本概念，然后详细介绍在ASP.NET网页中如何添加ASP.NET服务器控件，以及这些
4、控件的使用方法。,2019年5月24日,第7页,4.1 ASP.NET服务器控件概述（1/6）,在网页上经常看到填写信息用的文本框、单选按钮、复选框、下拉列表等元素，它们都是控件。控件是可重用的组件或对象，有自己的属性和方法，可以响应事件。 ASP.NET服务器控件是服务器端ASP.NET网页上的对象，当用户通过浏览器请求ASP.NET网页时，这些控件将运行并把生成的标准的HTML文件发送给客户端浏览器来呈现。,2019年5月24日,第8页,4.1 ASP.NET服务器控件概述（2/6）,网站部署在Web服务器上，人们可以通过浏览器来访问这个站点。当客户端请求一个静态的HTML页面时，服务器找
5、到对应的文件直接将其发送给用户端浏览器；而在请求ASP.NET页面时(扩展名为.aspx的页面)，服务器将在文件系统中找到并读取对应的页面，然后将页面中的服务器控件转换成浏览器可以读取的HTML标记和一些脚本代码，再将转换后的结果页面发送给用户。,2019年5月24日,第9页,4.1 ASP.NET服务器控件概述,在ASP.NET页面上，服务器控件表现为一个标记，例如。这些标记不是标准的HTML元素，因此如果它们出现在网页上，浏览器将无法理解它们，然而，当从Web服务器上请求一个ASP.NET页面时，这些标记都将动态地转换为HTML元素，因此浏览器只会接收到它能理解的HTML内容。,4.1 A
6、SP.NET服务器控件概述（3/6）,2019年5月24日,第10页,在创建.aspx页面时，可以将任意的服务器控件放置到页面上，然而请求服务器上该页面的浏览器将只会接收到HTML和JavaScript脚本代码，如图4-1所示。,图4-1 服务器端代码转换为客户端代码,4.1 ASP.NET服务器控件概述（4/6）,2019年5月24日,第11页,记住，Web浏览器无法理解ASP.NET。Web浏览器只理解HTML，可能也理解JavaScript但它不能处理ASP.NET代码。服务器读取ASP.NET代码并进行处理，将所有ASP.NET特有的内容转换为HTML以及(如果浏览器支持的话)一些Ja
7、vaScript代码，然后将最新生成的HTML发送回浏览器。,4.1 ASP.NET服务器控件概述（5/6）,2019年5月24日,第12页,4.1 ASP.NET服务器控件概述（6/6）,ASP.NET服务器控件主要类别有HTML服务器控件、标准服务器控件、验证控件、用户控件、数据控件、导航控件等。 本章主要介绍HTML服务器控件、标准服务器控件、验证控件和用户控件。,2019年5月24日,第13页,4.2 HTML服务器控件,本节描述如何使用VWD2008工具箱的“HTML”选项卡上的ASP.NET服务器控件。,2019年5月24日,第14页,4.2.1 HTML元素,在VWD2008中，
8、从工具箱添加到页面上的HTML服务器控件只是已设置了某些属性的HTML元素，当然也可通过输入HTML标记在“源”视图中创建HTML元素。 默认情况下，ASP.NET文件中的HTML元素作为文本进行处理，并且不能在服务器端代码中引用这些元素，只能在客户端通过javascript和vbscript等脚本语言来控制。 工具箱的“HTML”选项卡上提供了一些基于HTML INPUT元素的控件。本节通过下列两个控件HTML INPUT元素的使用方法。,2019年5月24日,第15页,4.2.1 HTML元素,（1）Input (Button)控件，按钮控件：默认情况下是“INPUT type=“butt
9、on“元素”。 （2）Input (Text) 控件，文本框控件：默认情况下是“INPUT type=“text“元素”。 Input(Text)元素创建允许用户在其中输入文本或密码的单行文本框，其主要属性有： （1）Type=text/password：文本框的类型； （2）MaxLength：文本框中最大的输入字节； （3）Size：设定文本框的宽度； （4）Value：设定文本框的值。,2019年5月24日,第16页,4.2.1 HTML元素,Input(Button)元素的主要功能是创建一个用来触发事件处理程序的按钮，通过使用onclick属性来表明单击按钮可以触发的处理方法。其主要属
10、性有： （1）ID：此控件的编程名称； （2）value：设置按钮中显示的文字。,2019年5月24日,第17页,4.2.1 HTML元素,【例4-1】演示如何使用Input (Text)元素和Input (Button)元素。 步骤请参见教材。,2019年5月24日,第18页,图4-2 HTML image 控件,2019年5月24日,第19页,4.2.2 HTML服务器控件,在VWD2008中，从工具箱添加到ASP.NET页面上的HTML服务器控件只是已设置了某些属性的HTML元素。 默认情况下，这些添加到ASP.NET文件中的HTML元素被视为传递给浏览器的标记，作为文本进行处理，不能在
11、服务器端的代码中引用这些元素。若要使这些元素能以编程方式进行访问，可以通过添加runat=“server“属性表明应将HTML元素作为服务器控件进行处理。还可设置HTML元素的id属性，这样就可使用基于服务器的代码对其进行编程引用了。,2019年5月24日,第20页,添加了属性runat=“server“的HTML元素就转换为HTML服务器控件了。移除控件标记中的runat=“server“属性，HTML服务器控件就转换为HTML元素了。,2019年5月24日,第21页,【例4-2】演示如何使用工具箱的Input(Button)服务器控件、Input(Text)服务器控件。 步骤请参见教材。
12、如图4-3,2019年5月24日,第22页,典型（1/6）,图4-3 HTML input控件设计视图, + ,2019年5月24日,第23页,HTML控件由HTML元素衍生而来，由于HTML元素的属性只能静态地设置，一般在程序执行过程中不能被修改，很不灵活。为了弥补这一不足。ASP.NET特地提供HTML控件，这种控件允许在程序中设置其属性，也允许在程序的执行过程中动态地读取及修改其属性，从而可以产生动态的网页。,2019年5月24日,第24页,【例4-1】中的HTML Input（Button）元素和【例4-2】HTML服务器控件的比较： ,2019年5月24日,第25页,比较这两个语句，
13、可以看出声明一个HTML服务器按钮控件和声明一个HTML元素有以下几点不同： （1）服务器按钮控件用onserverclick属性代替了html按钮的onclick属性。 （2）服务器按钮控件多用了一个属性runat”server”。,2019年5月24日,第26页,说明： （1）ID属性是标识服务器控件的惟一标志，通过它可以像引用一个对象一样来直接在服务器端引用服务器控件。 （2）用OnServerClick属性代替OnClick属性是为了表明响应按钮的单击事件是在服务器端进行处理，而不是客户端。 （3）多出的runatserver属性是说明该控件为服务器控件，这是区别HTML服务器控件和h
14、tml元素的惟一方法。,2019年5月24日,第27页,4.3 标准服务器控件,ASP.NET包含大量可在ASP.NET网页上使用的标准服务器控件。本节重点从ASP.NET服务器控件的工作原理和过程入手，介绍控件的常用功能和用法。,2019年5月24日,第28页,4.3.1 按钮控件,可使用ASP.NET Button服务器控件为用户提供向服务器发送网页的能力。该控件会在服务器代码中触发一个事件，可以处理该事件来响应回发。 ASP.NET包括三种按钮控件，每种按钮控件在网页上显示的方式都不同，如下表4-1所列：,2019年5月24日,第29页,表4-1 按钮控件的比较,2019年5月24日,第
15、30页,（1）按钮事件： 当用户单击任何Button（按钮）服务器控件时，会将该页发送到服务器。这使得在基于服务器的代码中，网页被处理，任何挂起的事件被引发。这些按钮还可引发它们自己的Click事件，可以为这些事件编写“事件处理程序”。 （2）按钮回发行为： 当用户单击按钮控件时，该页回发到服务器。默认情况下，该页回发到其本身，在这里重新生成相同的页面并处理该页上控件的事件处理程序。,2019年5月24日,第31页,可以配置按钮以将当前页面回发到另一页面。这对于创建多页窗体可能非常有用。 默认情况下，Button控件使用HTML POST操作提交页面。LinkButton和ImageButto
16、n控件不能直接支持HTML POST操作。因此，使用这些按钮时，它们将客户端脚本添加到页面以允许控件以编程方式提交页面。（因此LinkButton和ImageButton控件要求在浏览器上启用客户端脚本。） 在某些情况下，可能希望Button控件也使用客户端脚本执行回发。这在希望以编程方式操作回发（如将回发附加到页面上的其他元素）时非常有用。可以将Button控件的UseSubmitBehavior属性设置为true以使Button控件使用基于客户端脚本的回发。,2019年5月24日,第32页,（3）处理Button控件的客户端事件 Button控件既可以引发服务器事件，也可以引发客户端事件。服务器事件在回发后发生，且这些事件在为页面编写的服务器端代码中处理。客户端事件在客户端脚本（通常为ECMAScript(JavaScript)）中处理，并在提交页面前引发。通过向ASP.NET按钮控件添加客户端事件，可以执行一些任务（如在提交页之前显示确认对话框以及可能取消提交）。,2019年5月24日,第33页,【例4-3】演示B
