《aspnet4.5动态网站开发实用教程电子教案杨春元第三章剖析》由会员分享，可在线阅读，更多相关《aspnet4.5动态网站开发实用教程电子教案杨春元第三章剖析（75页珍藏版）》请在金锄头文库上搜索。
1、2019年10月19日,第1页,第3章 ASP.NET服务器控件,教学目标 本章内容,2019年10月19日,第2页,教学目标,ASP.NET服务器控件的工作原理 列表控件的使用 各种验证控件的功能和用法 使用ASP.NET的导航控件 登录控件的使用 如何创建和使用用户控件 为用户控件添加属性,2019年10月19日,第3页,本章内容,3.1 ASP.NET服务器控件概述 3.2 标准控件 3.3 验证控件 3.4 导航控件 3.5 登录控件 3.6 用户控件 3.7 上机练习 3.8 习题,2019年10月19日,第4页,本章内容,3.1 ASP.NET服务器控件概述 3.2 标准控件 3.
2、3 验证控件 3.4 导航控件 3.5 登录控件 3.6 用户控件 3.7 上机练习 3.8 习题,2019年10月19日,第5页,3.1 ASP.NET服务器控件概述,ASP.NET服务器控件是服务器端ASP.NET网页上的对象，当用户通过浏览器请求ASP.NET网页时，这些控件将在服务器上运行，并向客户端呈现HTML标记。 在ASP.NET页面上，服务器控件表现为一个标记，例如。这些标记不是标准的HTML元素，因此如果它们出现在网页上，浏览器将无法理解它们，然而，当从Web服务器上请求一个ASP.NET页面时，这些标记都将动态地转换为HTML元素。 使用ASP.NET服务器控件，可以大大减
3、少开发Web应用程序所需编写的代码量，提高开发效率和Web应用程序的性能。,2019年10月19日,第6页,服务器控件类,大多数Web服务器控件类都派生于System.Web.UI.WebControls.WebControl类，而WebControl类又从System.Web.UI.Control类派生而来。 WebControl类定义了所有控件类的一些共同属性和事件。 WebControl类是用作定义 System.Web.UI.WebControls 命名空间中的所有控件的公共方法、属性和事件的基类。其中定义了一些可以应用于几乎所有服务器控件的基本属性。,2019年10月19日,第7页,
4、服务器控件的属性,在页面上添加了服务器控件之后，可以在【属性】窗口中修改控件的属性，也可以在【源】视图中直接设置不同的属性。 【属性】窗口在【源】视图中也是可用的，只要简单的单击某标记，【属性】窗口就会更新，以反映输入的标记。通过【属性】窗口设置的属性，也会自动生成相应的代码在【源】视图中。,2019年10月19日,第8页,服务器控件的事件,在ASP.NET页面中，用户与服务器的交互是通过Web控件的事件来完成的。例如，当单击一个按钮时，就会触发按钮的单击事件，程序员只需在该单击事件处理程序中编写相应的代码，即可对用户的单击行为做出响应。 服务器控件的事件工作方式与传统的HTML标记的客户端事
5、件工作方式有所不同，这是因为HTML标记的客户端事件是在客户端触发并处理的，而ASP.NET中的Web控件的事件虽然也是在客户端触发，但却是在服务器端处理的。 Web控件的事件模型：客户端捕捉到事件信息，接着通过HTTP POST将事件信息发送到服务器，而且页面框架必须解释该POST以确定所发生的事件，然后在要处理该事件的服务器上调用代码中的相应方法。,2019年10月19日,第9页,事件的绑定,在处理Web控件时，经常需要把事件绑定到事件处理程序。将事件绑定到事件处理程序的方法有如下两种。 (1) 在ASP.NET页面中，在声明控件时，指定该控件的事件对应的事件处理程序。例如，把一个Butt
6、on控件的Click事件绑定到名为MyClick的方法，代码如下： (2) 如果控件是动态创建的，则需要通过编写代码动态地将事件绑定到方法，例如： Button myBtn = new Button(“Button1“); myBtn.Text = “提交“; myBtn.Click += new System.EventHandler(ButtonClick);,2019年10月19日,第10页,设置控件的颜色,在.NET框架中，System.Drawing命名空间提供了一个Color类，使用它可以设置控件的颜色属性。 创建颜色的方式有如下3种： 使用ARGB(alpha,red,green
7、,blue)颜色值：可以为每个值指定一个0255之间的整数。其中，alpha表示颜色的透明度，当alpha为255时，表示完全不透明；red表示红色；green表示绿色；blue表示蓝色。 使用颜色的枚举值：可供使用的颜色有140个。 使用HTML颜色名：可以使用ColorTranslator类把字符串转换为颜色值。,2019年10月19日,第11页,设置控件的字体,控件的字体属性依赖于System.Web.UI.WebControls命名空间中的FontInfo对象。该对象的常用属性有： Name 指明字体的名称，如Arial Names 指明一系列字体，浏览器会首先选用第一个去匹配用户安装
8、的字体 Size 字体的大小，可以设置为相对值或者真实值 Bold、Italic、Strikeout、Underline、Overline ：布尔属性，用来设置是否应用给定的样式特征。Bold是粗体,Italic为斜体,Strikeout为中划线,Underline为下划线,Overline为上划线,2019年10月19日,第12页,服务器控件的类别,ASP.NET 4.5本身附带了大量的服务器控件，能够满足Web开发的大部分需要。为了更容易地找到正确的控件，因此将它们放在工具箱的各个单独的控件类别中。,2019年10月19日,第13页,本章内容,3.1 ASP.NET服务器控件概述 3.2
9、标准控件 3.3 验证控件 3.4 导航控件 3.5 登录控件 3.6 用户控件 3.7 上机练习 3.8 习题,2019年10月19日,第14页,3.2 标准控件,标准类别中包含很多基本控件，几乎所有的Web页面都需要它们。前面我们已经使用过其中的一部分，如TextBox、Button和Label控件。本节将详细介绍这样控件的功能和用法。 简单控件 列表控件 容器控件 其他标准控件,2019年10月19日,第15页,简单控件,Label控件 TextBox控件 按钮控件 HyperLink控件 RadioButton和Checkbox 使用简单控件,2019年10月19日,第16页,Labe
10、l控件,Label控件用来显示静态文本，其常用的属性主要有ID、Text、Visible。其中ID和Visible属性是基础服务器控件基类的，Text属性用于指定Labe控件要显示的文本。,2019年10月19日,第17页,TextBox控件,TextBox控件显示为一个输入文本框。默认情况下，该控件的TextMode属性设置为TextBoxMode.SingleLine，即一个单行文本框。但也可以将TextMode属性设置为TextBoxMode.MultiLine(显示多行文本框，该文本框将作为textarea元素呈现)或者为TextBoxMode.Password(显示屏蔽用户输入的文本
11、框，即密码框)。通过使用Text属性可以获得TextBox控件中的文本。 将TextMode属性设置为TextBoxMode.Password有助于确保在输入密码时其他人无法看到。但是，输入到文本框中的文本没有以任何方式进行加密，为了提高安全性，在发送其中带有密码的页面时，可以使用安全套接字层(SSL)和加密。,2019年10月19日,第18页,按钮控件,ASP.NET包括3种按钮控件：标准按钮、超级链接按钮和图形化按钮。这3种按钮提供类似的功能，但具有不同的外观。 Button：显示一个标准命令按钮，该按钮呈现为一个HTML input元素。 LinkButton ：呈现为页面中的一个超链接
12、。但是，它包含使窗体被发回服务器的客户端脚本(可以使用HyperLink 服务器控件创建真实的超链接)。 ImageButton：将一个图形呈现为按钮。这对于提供丰富的按钮外观非常有用。ImageButton控件还提供有关图形内已单击位置的坐标信息，主要的属性是ImageUrl。 Button控件既可以引发服务器事件，也可以引发客户端事件。服务器事件在回发后发生，且这些事件在为页面编写的服务器端代码中处理。客户端事件在客户端脚本(通常为ECMAScript(JavaScript)中处理，并在提交页面前引发。,2019年10月19日,第19页,RadioButton和Checkbox,Radio
13、Button控件用于显示一个单选按钮；CheckBox控件用于显示一个复选框。这两个控件都对应有列表控件RadioButtonList和CheckBoxList，当选项较多或需在运行时动态决定有哪些选项时，使用列表控件RadioButtonList和CheckBoxList控件比较方便。 单选按钮很少单独使用，而是进行分组以提供一组互斥的选项。在一个组内，每次只能选择一个单选按钮，可以将所有RadioButton控件的GroupName属性设置为相同的组名即可将单选按钮进行分组。 当用户单击RadioButton或Checkbox控件时将引发CheckedChanged事件。默认情况下，这一事
14、件并不导致向服务器发送页面，但通过将AutoPostBack属性设置为true，可以使该事件强制立即发送。,2019年10月19日,第20页,使用简单控件,2019年10月19日,第21页,列表控件 （1/3）,标准类别中有许多在浏览器中表现为列表的控件。这些控件包括ListBox、DropDownList、CheckBoxList、RadioButtonList和BulletedList。要向列表中添加项，可以在控件的起始和结束标记之间定义元素，如下面的示例所示： C# Visual Basic CSS ,2019年10月19日,第22页,列表控件 （2/3）,DropDownList、Ra
15、dioButtonList控件允许用户一次只能选择一项。要以编程方式查看列表控件中当前活动和选中的项，可以查看它的SelectedValue、SelectedItem或SelectedIndex属性。SelectedValue返回一个包含选中项的值的字符串，SelectedIndex返回列表中项基于0的索引。 RadioButtonList控件不允许在按钮之间插入文本，但如果想将按钮绑定到数据源，使用这类控件将非常方便。,2019年10月19日,第23页,列表控件 （3/3）,对于允许多重选择的控件，CheckBoxList和ListBox，可以在Items集合之间循环，并且查看选中了哪些项。
16、在这种情况下，SelectedItem和SelectedValue仅返回列表中第一个选中的项；而不是返回所有选中项。 BulletedList控件不允许用户作选择，因而不支持SelectedValue、SelectedItem或SelectedIndex这些属性。 当列表控件的某个选项被选中时，该控件将引发SelectedIndexChanged事件。默认情况下，此事件不会导致向服务器发送页，但可以通过将AutoPostBack属性设置为true，强制该控件立即发送。,使用列表控件,2019年10月19日,第24页,2019年10月19日,第25页,容器控件 （1/3）,容器控件常用于以某种方式将相关的内容和控件组合到一起，常用的容器控件包括Panel、PlaceHolder、MultiView、View和Wizard。例如，可以使用PlaceHolder或Panel控件同时隐藏或显示几个控件。不用分别隐藏每个控件，只需隐藏包含各个控件和标记的整个容器即可。这两个控件各有优缺点。PlaceHolde
