7ASPNETWeb服务器控件.docx
《7ASPNETWeb服务器控件.docx》由会员分享,可在线阅读,更多相关《7ASPNETWeb服务器控件.docx(33页珍藏版)》请在三一办公上搜索。
1、第7章ASP.NET Web服务器控件7.1ASP.NET服务器控件简介7.2基本Web服务器控件7.2.1Label控件7.2.2Button控件7.2.3LinkButton控件7.2.4ImageButton控件7.2.5TextBox控件7.2.6DropDownList控件7.2.7ListBox控件7.2.8CheckBox控件 和CheckBoxList控件7.2.9RadioButton控件和RadioButtonList控件7.2.10Panel 控件7.3数据验证控件7.3.1数据验证机制介绍7.3.2RequiredFieldValidator控件7.3.3Compare
2、Validator控件7.3.4RangeValidator 控件7.3.5RegularExpressionValidator控件7.3.6CustomValidator 控件7.3.7ValidationSummary控件第7章 ASP.NET Web服务器控件7.1 ASP.NET服务器控件简介创建 Web 窗体页时,可以使用以下控件类型: n HTML 服务器控件 HTML 服务器控件以HTML标记为基础而衍生出来的服务器控件,HTML 服务器控件比HTML标记多了两个属性,一个是“ runat=server ”,一个是“ id=控件名称 ”。这两个属性的作用是控件可以在服务器端作为一
3、个对象使用。默认情况下,服务器无法使用 Web 窗体页上的 HTML 元素,但是,通过将 HTML 元素转换为 HTML 服务器控件,可将其公开为可在服务器上编程的元素。如果要将ASP网页改写为ASP.NET网页,可以通过在原来的HTML标记中增加这两个属性,从而很容易的完成转换工作。n Web 服务器控件HTML 服务器控件只是使编程更简便,在功能上并没有超越HTML标记。而Web 服务器控件则是为了超越HTML标记而诞生的,Web 服务器控件比 HTML 服务器控件具有更多内置功能。Web 服务器控件不只包括一般的窗体类型的控件,例如按钮和文本框,而且还包括特殊用途的控件,例如日历,另外还
4、新增了数据验证控件和数据访问控件。控件新增的功能以及新增的控件不仅增强了ASP.NET的功能,同时将以往由开发人员完成的许多繁琐重复的工作都交给控件去完成了。n 用户控件 虽然 ASP.NET提供了大量的服务器控件,但它们并不能涵盖每一种情况。根据应用程序的需要用户可以自定义控件。定义用户控件所使用的编程技术与用于编写 Web 窗体页的技术相同,用户控件用文件扩展名 .ascx 来进行标识。本章主要介绍Web 服务器控件中的一般的窗体类型的控件(我们将这种类型的控件称为基本Web服务器控件)和数据验证控件,数据访问控件的使用将在第9章详细介绍。7.2 基本Web服务器控件本节主要介绍如何使用基
5、本Web服务器控件,基本Web服务器控件主要包括:n 可提供显示文本功能的Label控件;n 可提供提交或链接功能的三种类型的按钮控件:标准命令按钮(Button 控件)、图形化按钮(ImageButton 控件)和超级链接样式按钮(LinkButton 控件);n 可提供输入或选择功能的控件:TextBox (文本框)控件、DropDownList(下拉列表)控件、ListBox(列表框)控件、CheckBox(复选框)控件和CheckBoxList(复选框列表)控件;RadioButton(单选按钮)控件和RadioButtonList(单选按钮列表)控件;n 可作为其他控件的容器的Pan
6、el 控件。7.2.1 Label控件Label控件是web服务器控件中最简单的一个控件,用来在 Web 页上显示文本。它的最常用的属性是Text属性,通过设置Text属性可以自定义显示文本。我们前面6.3.1节的HelloBehindVS.aspx中已经使用过。声明Label控件的语法如下:初始显示的文本可以使用此 id 引用以编程方式在运行时操作服务器控件的对象模型,例如,在Page_Load事件处理程序中添加如下代码:Message.Text = 您好7.2.2 Button控件Web 服务器控件包括三种类型的按钮:标准命令按钮(Button 控件)、图形化按钮(ImageButton
7、控件)和超级链接样式按钮(LinkButton 控件)。这三种按钮都可提供提交或链接功能,但具有不同的外观。当用户单击时,所有三种类型的按钮都会使窗体被提交给服务器。这使得在基于服务器的代码中,页面被处理,任何挂起的事件被引发。这些按钮还可引发它们自己的 Click 事件,您可以为这些事件编写事件处理程序。本节首先介绍如何使用标准命令按钮Button 控件。使用 Button 控件可以在 Web 页上创建普通按钮。下面通过一个实例介绍如何使用Button控件,该例的功能是单击Button控件时,Label控件显示的文字信息以及背景颜色会发生变化,同时Button控件显示的文字信息改变,并且此B
8、utton控件变为不可用的状态。具体的实现步骤如下:1. 单击【开始】|【程序】|【Microsoft Visual Studio.NET】|【Microsoft Visual Studio.NET】。然后打开前面已建的项目:WebCourse, 2. 在“解决方案资源管理器”窗口中,新建一个文件夹:chapter7,在此文件夹中添加一个Web窗体:useButton.aspx。3. 在useButton.aspx 的“设计”视图中,从“工具箱”中的“web窗体”工具箱中拖一个“Label”控件和一个“Button”控件到“设计”视图中,并适当的调整位置,如图 7.1所示。图 7.1 useB
9、utton.aspx 的“设计”视图4. 在useButton.aspx 的“设计”视图中,选中“Button”按钮,单击右键,在弹出的快捷菜单中单击【属性】命令,如图 7.2所示,设置Text属性值为“Click Me”。图 7.2 设置Button的属性5. 在useButton.aspx.cs文件中,在Page_Load事件处理程序中,添加如下代码:Label1.Text=练习使用Button控件,请单击Click Me按钮;Label1.BackColor=System.Drawing.Color.AliceBlue;6. 在useButton.aspx 的“设计”视图中,双击Butt
10、on按钮,则会自动打开useButton.aspx.cs文件,这时系统已经自动添加了这个Button按钮的Click事件的处理函数,在这个Button1_Click()事件处理程序中,添加如下代码:Label1.Text=单击按钮之后;Label1.BackColor=System.Drawing.Color.DarkOrange;Button1.Text=OK;Button1.Enabled=false;7. 在“解决方案资源管理器”窗口中的文件useButton.aspx上右击,弹出快捷菜单,单击【生成并浏览】命令,可以直接在VS.NET中浏览程序运行结果,如图 7.3所示。单击【练习】按
11、钮之后,显示如图 7.4所示图 7.3 useButton.aspx的运行结果图 7.4单击【Click Me】按钮之后7.2.3 LinkButton控件LinkButton控件是在 Web 页上显示超级链接样式的按钮控件。 LinkButton 控件的外观与 HyperLink 控件相同,但功能与 Button控件相同。如果要在单击控件时链接到另一个 Web 页,请使用 HyperLink 控件,HyperLink的使用很简单,与标记相类似,但它新增了图片链接的功能。下面通过一个实例介绍如何使用LinkButton控件,该例的功能是单击LinkButton控件时控件的外观发生变化。程序代码
12、均写在LinkButton控件的Click事件处理程序中。 具体实现步骤如下:1. 仍在项目WebCourse中,在chapter7文件夹中,添加一个Web窗体:useLinkButton.aspx。2. 在UseLinkButton.aspx的“设计”视图中,从“工具箱”中的“web窗体”工具箱中拖一个“LinkButton”控件到“设计”视图中,并适当的调整位置。将LinkButton控件的Text属性设置为“加外框线”,如图 7.5所示。 图 7.5设置LinkButton控件的Text属性3. 在UseLinkButton.aspx的“设计”视图中,双击上一步刚刚添加的这个LinkBu
13、tton控件,则在UseLinkButton.aspx.cs自动添加了此按钮的Click事件处理程序,在这个Click事件处理程序中添加程序代码如下:if(LinkButton1.BorderStyle=System.Web.UI.WebControls.BorderStyle.Double)LinkButton1.BorderStyle=System.Web.UI.WebControls.BorderStyle.None;LinkButton1.Text=加外框线;elseLinkButton1.BorderStyle=System.Web.UI.WebControls.BorderStyl
14、e.Double;LinkButton1.Text=去外框线;4. 在Page_Load事件处理程序中,添加如下代码:Response.Write(改变LinkButton控件的外观);5. 在“解决方案资源管理器”窗口中的文件UseLinkButton.aspx上右击,弹出快捷菜单,单击【生成并浏览】命令,可以直接在VS.NET中浏览程序运行结果,如图 7.6所示。单击【加外框线】按钮,加上按钮的外框线,同时该控件显示【去外框线】,如图 7.7所示。再次单击此按钮,去掉按钮的外框线,同时该控件显示【加外框线】。图 7.6 UseLinkButton.aspx运行结果1图 7.7单击【加外框线
15、】按钮之后7.2.4 ImageButton控件ImageButton控件与Button控件的功能相同的,单击按钮都可引发它们自己的 Click 事件,您可以编写相应的事件处理程序。所不同的是,使用ImageButton控件的ImageUrl属性,允许您将一个图形指定为按钮。这对于提供丰富的按钮外观非常有用。下面通过一个实例介绍如何使用ImageButton控件,该例的功能是单击ImageButton控件时控件的外观发生变化。程序代码均写在ImageButton控件的Click事件处理程序中。具体实现步骤如下:1. 仍在项目WebCourse中,在chapter7文件夹中,添加一个Web窗体:
16、useImageButton.aspx。2. 在文件夹chapter7中新建一个文件夹:images,在这个新建的文件夹上右击,弹出快捷菜单,将光标指向【添加】,单击【添加现有项】命令,弹出“添加现有项”对话框,如图 7.8所示,到相应的文件路径下找到所要添加的文件,此例是在webPictures文件夹中,选中“NEXT.jpg”和“NEXTd.jpg”文件,单击【打开】。这样就在文件夹images中的添加了两个图像文件。图 7.8添加现有项对话框3. 在UseImageButton.aspx的“设计”视图中,从“工具箱”中的“web窗体”工具箱中拖一个“ImageButton”控件到“设计”
17、视图中,并适当的调整位置。将ImageButton控件ImageUrl属性设置为“NEXT.jpg”。4. 在UseImageButton.aspx的“设计”视图中,双击上一步刚刚添加的这个ImageButton控件,则在UseImageButton.aspx.cs自动添加了此按钮的Click事件处理程序,在这个Click事件处理程序中添加程序代码如下:if(ImageButton1.ImageUrl=images/NEXT.jpg)ImageButton1.ImageUrl=images/NEXTd.jpg;elseImageButton1.ImageUrl=images/NEXT.jpg;
18、试一试:NEXT.jpg和NEXTd.jpg是图像文件,同学们也可以自己选择合适的图像文件代替。5. 在Page_Load事件处理程序中,添加如下代码:Response.Write(改变ImageButton控件的外观);6. 在“解决方案资源管理器”窗口中的文件UseImageButton.aspx上右击,弹出快捷菜单,单击【生成并浏览】命令,可以直接在VS.NET中浏览程序运行结果,如图 7.9所示。单击【Next】按钮,按钮被按下,如图 7.10所示,再次单击此按钮,按钮弹起。注意:之所以能达到这个效果,其实是因为使用了两个不同的按钮图片。图 7.9 UseImageButton.asp
19、x运行结果1图 7.10 UseImageButton.aspx运行结果27.2.5 TextBox控件TextBox 控件是让用户输入文本的输入控件。默认情况下,TextMode 属性设置为 SingleLine,它创建只包含一行的文本框。还可将此属性设置为 MultiLine 或 Password。MultiLine 创建包含多个行的文本框。Password 创建可以屏蔽用户输入的值的单行文本框。文本框的显示宽度由其 Columns 属性确定。如果文本框是多行文本框,则显示高度由 Rows 属性确定。使用 Text 属性确定 TextBox 控件的内容。通过设置 MaxLength 属性,
20、可以限制可输入到此控件中的字符数。将 Wrap 属性设置为 true 来指定当到达文本框的结尾时,单元格内容应自动在下一行继续。下面通过一个实例介绍如何使用TextBox控件,该例的功能是检查登录某一个SQLServer数据库服务器的用户的合法身份。用户提供要登录的某一个SQLServer数据库服务器的名称,用户名和密码,单击“连接数据库”按钮,然后显示提示信息。具体实现步骤如下:1. 仍在项目WebCourse中,在chapter7文件夹中,添加一个Web窗体:useTextBox.aspx。2. 在UseTextBox.aspx的“设计”视图中,打开【表】菜单【插入】【表】,打开“插入表”
21、对话框,将“行”设置为:4,“列”设置为:2,单击【确定】。则插入一个4行2列的表,并适当的调整位置。3. 在UseTextBox.aspx的“设计”视图中,从“工具箱”中的“web窗体”工具箱中分别拖三个“TextBox”控件和一个“Button”控件到表的第二列的四个单元格中,并在表的第一列的前三个单元格中输入提示文本信息,在表格的下面放置一个“Label”控件,并调整大小及位置。设置“TextBox3”的TextMode属性的值为“Password”,设置“Button1”的Text属性的值为“连接数据库”,如图 7.11所示。图 7.11 UseTextBox.aspx的“设计”视图4
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ASPNETWeb 服务器 控件
链接地址:https://www.31ppt.com/p-2010898.html