《ASP.NET应用开发与实践 教学课件 ppt 作者 刘乃琦 郭小芳 第5章 ASP.NET常用服务器控件》由会员分享，可在线阅读，更多相关《ASP.NET应用开发与实践 教学课件 ppt 作者 刘乃琦 郭小芳 第5章 ASP.NET常用服务器控件（68页珍藏版）》请在金锄头文库上搜索。
1、,本章要求：,第5章 ASP.NET常用服务器控件,HTML服务器控件的简单使用 Web服务器控件的概念及分类 文本类控件的使用 按钮类控件的使用 链接类控件的使用 选择类控件的使用 Image控件、Panel控件和FileUpload控件 数据验证控件的使用,主要内容,1.服务器控件概述 2.文本类型控件 3.按钮类型控件 4.链接类型控件 5.选择类型控件 6. Image图像控件 7. Panel容器控件 8. FileUpload文件上传控件 9.数据验证控件,第5章 ASP.NET常用服务器控件,5.1.1 HTML服务器控件 5.1.2 Web服务器控件,5.1 服务器控件概述,H
2、TML服务器控件是为了更好的将传统ASP页面转换为ASP.NET页面而提供的，使用这类控件时，实质上是使用HTML元素对ASP.NET页面进行控制。Visual Studio 2010开发环境中提供的HTML服务器控件如图5-1所示。 图5-1 Visual Studio 2010开发环境中提供的HTML服务器控件,5.1.1 HTML服务器控件,例如，在ASP.NET页面中添加一个Input(Button)控件，代码如下： 当双击该控件触发其Click事件时，会自动出现如下的javascript代码： / 而Input(Button)控件的声明代码也自动替换如下： 通过上面的例子可以看出，在
3、ASP.NET页面中使用HTML服务器控件时，HTML服务器控件会通过相应的javascript脚本执行指定的操作。,在ASP.NET中提到服务器控件时，一般都指的是Web服务器控件，Web服务器控件是指在服务器上执行程序逻辑的组件，这个组件可能生成一定的用户界面，也可能不包括用户界面。每个服务器控件都包含一些成员对象，以便开发人员调用，例如属性、事件、方法等。 通常情况下，Web服务器控件都包含在ASP.NET页面中。当运行页面时，.NET引擎将根据控件成员对象和程序逻辑定义完成一定的功能。例如在客户端呈现用户界面，这时用户可与控件发生交互行为，当页面被用户提交时，控件可在服务器端引发事件，
4、并由服务器端根据相关事件处理程序来进行事件处理。服务器控件是Web编程模型的重要元素，它们构成了一个新的基于控件的表单程序的基础，通过这种方式可以简化Web应用程序的开发，提高程序的开发效率。,5.1.2 Web服务器控件,ASP.NET中常用的Web服务器控件如表5-1所示。 表5-1 ASP.NET中常用的服务器控件,表5-1 ASP.NET中常用的服务器控件,5.2 文本类型控件,5.2.1 Label控件 5.2.2 TextBox控件,5.2.1 Label控件,Label控件又称标签控件，主要用来在浏览器上显示文本。在页面中添加静态文本的最简单方法是，直接将文本添加到页面中。但是如
5、果希望在代码中修改页面中显示的文本，那么就需要使用Label控件显示文本。 Label控件最主要的属性是Text属性，该属性用来设置Label控件所显示的文本，例如，在声明Label控件时设置其Text属性的代码如下： 在.cs代码中动态设置Label控件Text属性的代码如下： Label1.Text = “ASP.NET编程词典！“; 说明： 用户也可以直接在“属性”窗口中设置Label控件的Text属性值或者其他属性,在Web页面中，常常使用文本框控件（TextBox）来接受用户的输入信息，包括文本，数字和日期等。默认情况下，文本框控件是一个单行的文本框，用户只能输入一行内容，但是通过设
6、置它的TextMode属性，可以将文本框改为允许输入多行文本或者输入密码的形式。声明TextBox控件的代码如下： TextBox控件常用的属性及说明如表5-2所示。 表5-2 TextBox控件常用的属性及说明,5.2.2 TextBox控件,使用表5-2中列出的TextBox控件属性时，TextMode属性是比较特殊的一个，该属性用于控制TextBox控件的文本显示方式，它的属性值有3个枚举值，分别如下： 单行（SingleLine）：用户只能在一行中输入信息，还可以通过设置TextBox的Columns属性值，限制文本的宽度；通过设置MaxLength属性值，限制输入的最大字符数。 多行
7、（MultiLine）：文本很长时，允许用户输入多行文本并执行换行，还可以通过设置TextBox的Rows属性值，限制文本框显示的行数。 密码（Password）：将用户输入的字符用黑点（）屏蔽，以隐藏这些信息。,【例5-1】 制作一个用户登录界面，该界面中有两个TextBox控件，分别用来输入登录用户名和登录密码，其中用来输入登录密码的TextBox控件，需要设置其TextMode属性值为Password，实例运行结果如图5-2所示。 图5-2 使用TextBox控件制作用户登录界面 另外，TextBox控件还有一个比较常用的事件，即TextChanged事件，该事件在用户更改TextBox
8、控件中的文本时触发。 说明：在对TextChanged事件编程时，首先需要将该控件的AutoPostBack属性设为True。AutoPostBack属性用于控制TextBox控件的事件是否自动提交服务器，系统默认设置为False。当该属性设置为True时，若事件被触发则事件自动被提交到服务器，否则事件在下一次页面提交服务器时才被触发。,5.3 按钮类型控件,5.3.1 Button控件 5.3.2 ImageButton控件,5.3.1 Button控件,Button控件是一个命令按钮控件，该控件可以将Web页面回送到服务器，也可以处理控件命令事件，声明Button控件的代码如下： Butt
9、on控件常用的属性、方法、事件及说明如表5-3所示。 表5-3 Button控件常用的属性、方法、事件及说明,【例5-2】 新建一个ASP.NET网站，在Default.aspx页面中添加一个Button控件，设置其Text属性为“Button按钮”，然后触发其Click事件，在该事件中调用JavaScript脚本弹出一个信息提示框，代码如下： protected void Button1_Click(object sender, EventArgs e) Response.Write(“alert(提示消息内容！)“); 实例运行效果如图5-3所示。 图5-3 单击Button弹出对话框,5
10、.3.2 ImageButton控件,ImageButton控件为图像按钮控件，它在功能上和Button控件相同，只是在呈现外观上包含了图像，该控件的声明代码如下： ImageButton控件常用的属性及说明如表5-4所示。 表5-4 ImageButton控件常用的属性及说明,【例5-3】 新建一个ASP.NET网站，在Default.aspx页面中添加一个ImageButton控件，在HTML代码中分别设置ImageButton控件的ImageUrl属性和PostBackUrl属性为指定的图像路径和超级链接页面，代码如下： 实例运行效果如图5-4和图5-5所示。 图5-4 ImageBut
11、ton控件 图5-5 单击ImageButton跳转到的链接页面,5.4 链接类型控件,5.4.1 HyperLink控件 5.4.2 LinkButton控件,5.4.1 HyperLink控件,HyperLink控件又称超链接控件，该控件在功能上和HTML的“”元素相似，它显示模式为超级链接的形式。HyperLink控件与大多数Web服务器控件不同，当用户单击HyperLink控件时并不会在服务器代码中引发事件，它只实现导航功能。HyperLink控件的声明代码如下： HyperLink HyperLink控件常用的属性及说明如表5-5所示。 表5-5 HyperLink控件常用的属性及说
12、明,使用表5-5中列出的HyperLink控件属性时，Target属性是比较特殊的一个，该属性用于获取或设置单击HyperLink控件时显示链接到的网页内容的目标窗口或框架，它的属性值有5个枚举值，分别如下： _blank：将内容呈现在一个没有框架的新窗口中。 _parent：将内容呈现在上一个框架中。 _search：在搜索窗格中呈现内容。 _self：将内容呈现在含焦点的框架中。 _top：将内容呈现在没有框架的全窗口中。,【例5-4】 新建一个ASP.NET网站，在Default.aspx页面中添加一个HyperLink控件，在HTML代码中首先设置其NavigateUrl属性为要跳转到
13、的页面，然后设置其Target属性为_top，表示在没有框架的全窗口中查看跳转到的页面，代码如下： 超链接 实例运行效果如图5-6所示。 图5-6 HyperLink超链接控件,5.4.2 LinkButton控件,LinkButton控件又称链接按钮控件，该控件在功能上与Button控件相似，但在呈现样式上与HperLink相似，LinkButton控件以超链接的形式显示。LinkButton控件的声明代码如下： LinkButton LinkButton控件最常用的一个属性是PostBackUrl属性，该属性用来获取或设置单击LinkButton控件时从当前页发送到的网页的URL；其常用的
14、一个事件是Click事件，用来在单击该超链接按钮时触发。 【例5-5】 新建一个ASP.NET网站，在Default.aspx页面中添加一个LinkButton控件，设置其Text属性为“链接按钮”，然后将其BackColor属性设置为#FFFFC0，BorderColor属性设置为Black，BorderWidth属性设置为2px，Font属性设置为18pt，PostBackUrl属性设置为“/Default2.aspx”，代码如下： 链接按钮 实例运行效果如图5-7所示。 图5-7 LinkButton链接按钮控件,5.5 选择类型控件,5.5.1 RadioButton控件 5.5.2
15、RadioButtonList控件 5.5.3 CheckBox控件 5.5.4 CheckBoxList控件 5.5.5 ListBox控件 5.5.6 DropDownList控件,5.5.1 RadioButton控件,RadioButton控件是一种单选按钮控件，用户可以在页面中添加一组RadioButton控件，通过为所有的单选按钮分配相同的GroupName（组名），来强制执行从给出的所有选项集合中仅选择一个选项。RadioButton控件的声明代码如下： RadioButton控件常用的属性及说明如表5-6所示。 表5-6 RadioButton控件常用的属性及说明 RadioB
16、utton控件最常用的事件是CheckedChanged事件，该事件在RadioButton控件的选中状态发生改变时触发。,【例5-6】 使用RadioButton控件模拟网上有奖竞猜问答，实现过程主要通过设置RadioButton控件的GroupName属性值，并在RadioButton控件的CheckedChanged事件下，将用户竞猜的答案显示出来。实例运行效果如图5-8所示。 图5-8 使用RadioButton控件模拟有奖问答,程序开发步骤如下： （1）新建一个ASP.NET网站，在Default.aspx页面中添加4个RadioButton控件（需要将这4个RadioButton控件的AutoPostBack属性设置为True，GroupName属性设置为Key）、一个Label控件和一个Button控件，页面设计如图5-8所示。 （2）触发每个RadioButton控件的CheckedChanged事件，该事件中，使
