HTML控件和Web服务器控件.pptx
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《HTML控件和Web服务器控件.pptx》由会员分享,可在线阅读,更多相关《HTML控件和Web服务器控件.pptx(46页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第第4章章 HTML控件和控件和Web服务器控件服务器控件本章讲述的主要内容本章讲述的主要内容4.1 4.1 4.1 4.1 ASP.NETASP.NETASP.NETASP.NET控件概述控件概述控件概述控件概述4.2 4.2 4.2 4.2 标准服务器端控件标准服务器端控件标准服务器端控件标准服务器端控件4.3 4.3 4.3 4.3 数据验证控件数据验证控件数据验证控件数据验证控件4.4 4.4 4.4 4.4 用户自定义控件用户自定义控件用户自定义控件用户自定义控件4.1 基本的基本的Web控件控件ASP.NET提提供供的的Web控控件件提提供供了了丰丰富富功功能能,可可以以使程序的开
2、发变得更加简单和丰富。使程序的开发变得更加简单和丰富。Web控控件件中中包包括括传传统统的的表表单单控控件件,如如TextBox和和Button,以以及及其其它它更更高高抽抽象象级级别别的的控控件件,如如Calendar和和DataGrid控控件件。它它们们提提供供了了一一些些能能够够简化开发工作的特性:简化开发工作的特性:1.丰富而一致的对象模型丰富而一致的对象模型。2.对浏览器的自动检测对浏览器的自动检测。3.数据绑定数据绑定。4.支持主题支持主题。4.1 基本的基本的Web控件控件ASP.NET提供了与提供了与HTML元素相对应的基本元素相对应的基本Web控控件,下表列举了件,下表列举了
3、ASP.NET提供的基本的提供的基本的Web控件。控件。4.1 服务器控件服务器控件 ASP.NET服务器控件主要分为以下三种类型:服务器控件主要分为以下三种类型:HTML服务器控件服务器控件 Web服务器控件服务器控件 标准服务器控件标准服务器控件 验证控件验证控件 导航控件导航控件 数据控件数据控件 登录控件等。登录控件等。用户自定义服务器控件用户自定义服务器控件 4.1.1 服务器控件的分类服务器控件的分类 4.1 服务器控件服务器控件 HTML服务器控件服务器控件 4.1.1 服务器控件的分类服务器控件的分类 HTML服务器控件类是在命名空间服务器控件类是在命名空间Syetem.Web
4、.UI.HtmlControls中定义的。中定义的。HTML服务器控件的语法格式如下:服务器控件的语法格式如下:例如,如下输入密码的文本框控件:例如,如下输入密码的文本框控件:4.1 ASP.NET控件概述控件概述HTMLHTMLHTMLHTML控件控件控件控件 HTMLHTMLHTMLHTML控件在默认情况下属于客户端(浏览器)控件,服务器控件在默认情况下属于客户端(浏览器)控件,服务器控件在默认情况下属于客户端(浏览器)控件,服务器控件在默认情况下属于客户端(浏览器)控件,服务器无法对其进行控制。无法对其进行控制。无法对其进行控制。无法对其进行控制。HTMLHTMLHTMLHTML控件是从
5、控件是从控件是从控件是从HTMLHTMLHTMLHTML标记衍生而来的,每个控标记衍生而来的,每个控标记衍生而来的,每个控标记衍生而来的,每个控件对应于一个或一组件对应于一个或一组件对应于一个或一组件对应于一个或一组HTMLHTMLHTMLHTML标记。例如,前面我们经常使用的标记。例如,前面我们经常使用的标记。例如,前面我们经常使用的标记。例如,前面我们经常使用的HTMLHTMLHTMLHTML表格控件,就是一个常用于页面布局工具的表格控件,就是一个常用于页面布局工具的表格控件,就是一个常用于页面布局工具的表格控件,就是一个常用于页面布局工具的HTMLHTMLHTMLHTML控件,如果不使控
6、件,如果不使控件,如果不使控件,如果不使用工具箱中的控件,而直接在源视图中书写相应的用工具箱中的控件,而直接在源视图中书写相应的用工具箱中的控件,而直接在源视图中书写相应的用工具箱中的控件,而直接在源视图中书写相应的HTMLHTMLHTMLHTML代码也可代码也可代码也可代码也可以得到相同的效果,但使用控件可以节省大量的代码书写时间,以得到相同的效果,但使用控件可以节省大量的代码书写时间,以得到相同的效果,但使用控件可以节省大量的代码书写时间,以得到相同的效果,但使用控件可以节省大量的代码书写时间,且使操作变成了可视化的方式。且使操作变成了可视化的方式。且使操作变成了可视化的方式。且使操作变成
7、了可视化的方式。HTMLHTMLHTMLHTML控件可以通过修改代码将其变成控件可以通过修改代码将其变成控件可以通过修改代码将其变成控件可以通过修改代码将其变成WebWebWebWeb服务器端控件,几服务器端控件,几服务器端控件,几服务器端控件,几乎所有的乎所有的乎所有的乎所有的HTMLHTMLHTMLHTML标记只要加上标记只要加上标记只要加上标记只要加上runat=serverrunat=serverrunat=serverrunat=server,这个服务器控件,这个服务器控件,这个服务器控件,这个服务器控件标识属性后都可以变成服务器端控件。这与普通标识属性后都可以变成服务器端控件。这与
8、普通标识属性后都可以变成服务器端控件。这与普通标识属性后都可以变成服务器端控件。这与普通HTMLHTMLHTMLHTML标记相比最标记相比最标记相比最标记相比最大的区别在于,服务器端控件可以通过服务器端代码来控制。大的区别在于,服务器端控件可以通过服务器端代码来控制。大的区别在于,服务器端控件可以通过服务器端代码来控制。大的区别在于,服务器端控件可以通过服务器端代码来控制。4.1 ASP.NET控件概述控件概述服务器端控件服务器端控件服务器端控件服务器端控件 1.1.1.1.服务器端控件的执行过程服务器端控件的执行过程服务器端控件的执行过程服务器端控件的执行过程 当用户请求一个包含有当用户请求
9、一个包含有当用户请求一个包含有当用户请求一个包含有WebWebWebWeb服务器端控件的服务器端控件的服务器端控件的服务器端控件的.aspx.aspx.aspx.aspx页面时,服务页面时,服务页面时,服务页面时,服务器首先对页面进行处理,将页面中包含的服务端控件及其他内容解器首先对页面进行处理,将页面中包含的服务端控件及其他内容解器首先对页面进行处理,将页面中包含的服务端控件及其他内容解器首先对页面进行处理,将页面中包含的服务端控件及其他内容解释成标准的释成标准的释成标准的释成标准的HTMLHTMLHTMLHTML代码,然后将处理结果以标准代码,然后将处理结果以标准代码,然后将处理结果以标准
10、代码,然后将处理结果以标准HTMLHTMLHTMLHTML的形式一次性发的形式一次性发的形式一次性发的形式一次性发送给客户端。送给客户端。送给客户端。送给客户端。2.ASP.NET2.ASP.NET2.ASP.NET2.ASP.NET页面的处理过程页面的处理过程页面的处理过程页面的处理过程 当用户通过浏览器发出一个对当用户通过浏览器发出一个对当用户通过浏览器发出一个对当用户通过浏览器发出一个对ASP.NETASP.NETASP.NETASP.NET页面的请求后,页面的请求后,页面的请求后,页面的请求后,WebWebWebWeb服务服务服务服务器将用户的请求交由器将用户的请求交由器将用户的请求交
11、由器将用户的请求交由ASP.NETASP.NETASP.NETASP.NET引擎来处理。系统首先会检查在服务引擎来处理。系统首先会检查在服务引擎来处理。系统首先会检查在服务引擎来处理。系统首先会检查在服务器缓存中是否有该页面,或此页面是否已被编译成了器缓存中是否有该页面,或此页面是否已被编译成了器缓存中是否有该页面,或此页面是否已被编译成了器缓存中是否有该页面,或此页面是否已被编译成了.dll.dll.dll.dll文件文件文件文件(Dynamic Link LibraryDynamic Link LibraryDynamic Link LibraryDynamic Link Library,
12、动态链接库)。若没有则将页面转换为,动态链接库)。若没有则将页面转换为,动态链接库)。若没有则将页面转换为,动态链接库)。若没有则将页面转换为源程序代码,然后由编译器将其编译成源程序代码,然后由编译器将其编译成源程序代码,然后由编译器将其编译成源程序代码,然后由编译器将其编译成.dll.dll.dll.dll文件,否则直接利用已文件,否则直接利用已文件,否则直接利用已文件,否则直接利用已编译过的编译过的编译过的编译过的.dll.dll.dll.dll文件建立对象,并将执行结果返回到客户端浏览器。文件建立对象,并将执行结果返回到客户端浏览器。文件建立对象,并将执行结果返回到客户端浏览器。文件建立
13、对象,并将执行结果返回到客户端浏览器。4.1 服务器控件服务器控件 Web服务器控件服务器控件 4.1.2 服务器控件的分类服务器控件的分类 Web服务器控件类定义在服务器控件类定义在Syetem.Web.UI.WebControls命名命名空间中。空间中。Web服务器控件的语法格式如下:服务器控件的语法格式如下:或或4.1 基本的基本的Web控件控件在在ASP.NET中,中,Web控件是使用相应的标记来编写控件的。控件是使用相应的标记来编写控件的。Web控件的标记有特定的格式:以控件的标记有特定的格式:以结束,在其间可以设置各种属性。结束,在其间可以设置各种属性。例如,这里定义了一个例如,这
14、里定义了一个TextBox控件:控件:当客户端请求该控件所在当客户端请求该控件所在.aspx页面时,服务器就会把下面页面时,服务器就会把下面的代码送到客户端:的代码送到客户端:使用使用Web控件,使得程序员不用详细了解控件,使得程序员不用详细了解HTML元素就可以元素就可以设计页面。在设计页面。在Visual Studio中,程序员可以把中,程序员可以把Web控件拖拽控件拖拽到页面上来设计页面。到页面上来设计页面。4.1 基本的基本的Web控件控件Web控件可分为两部分:控件可分为两部分:1.Web控件:用来组成与用户进行交互的页面。这控件:用来组成与用户进行交互的页面。这类控件包括常用的按钮
15、控件、文本框控件、标签控类控件包括常用的按钮控件、文本框控件、标签控件等,还有验证用户输入的控件,以及日历控件等。件等,还有验证用户输入的控件,以及日历控件等。2.数据绑定控件,用来实现数据的绑定和显示。这数据绑定控件,用来实现数据的绑定和显示。这类控件包括广告控件、表格控件等,还有用于导航类控件包括广告控件、表格控件等,还有用于导航的菜单控件和树型控件。的菜单控件和树型控件。4.1服务器服务器控件控件 用户自定义服务器控件用户自定义服务器控件 4.1.3 服务器控件的分类服务器控件的分类 自定义控件被定义在命名空间自定义控件被定义在命名空间System.Web.UI.Control或或Sye
16、tem.Web.UI.WebControls中,是编程人员自行设计和中,是编程人员自行设计和开发的控件。开发的控件。它存放在扩展名为它存放在扩展名为.ascx的文件中,使用时只须将它们集的文件中,使用时只须将它们集成进成进ASP.NET应用程序中。应用程序中。通过这个方法,用户不仅可以使用自己定义的控件,还通过这个方法,用户不仅可以使用自己定义的控件,还可以很方便地使用第三方提供的现成控件,如图表工具和可以很方便地使用第三方提供的现成控件,如图表工具和树形图等,且大部分控件都可以在网上免费下载,这为广树形图等,且大部分控件都可以在网上免费下载,这为广大程序开发者高效、快速的地开发大程序开发者高
17、效、快速的地开发Web程序提供了方便。程序提供了方便。4.1服务器服务器控件控件 Web服务器控件的共有属性服务器控件的共有属性 4.1.4 Web服务器控件的属性、事件和方法服务器控件的属性、事件和方法 属属 性性说说 明明属属 性性说说 明明AccessKey定义控件的加速键定义控件的加速键Font-Names控件使用字体的列表控件使用字体的列表BackColor控件的背景颜色控件的背景颜色Font-Size字体的大小字体的大小BorderColor控件的边框颜色控件的边框颜色Font-Underline字体是否使用下划线字体是否使用下划线BorderStyle控件的边框样式控件的边框样式
18、ForeColor控件上文本的颜色控件上文本的颜色BoderWidth控件的边框宽度控件的边框宽度Height控件的高度控件的高度CSSClass控件使用的样式表类控件使用的样式表类TabIndex控件的控件的Tab键顺序键顺序Enabled指定控件能否被访问指定控件能否被访问Text控件上显示的文本控件上显示的文本Font-Bold字体是否为粗体字体是否为粗体ToolTip设置控件的提示信息设置控件的提示信息Font-Name控件上文本的字体控件上文本的字体Visible 设置控件是否可见设置控件是否可见Runat属性值固定为属性值固定为ServerWidth控件的宽度控件的宽度4.1 服务
19、器控件服务器控件 Web服务器控件的方法服务器控件的方法 4.1.5 Web服务器控件的属性、事件和方法服务器控件的属性、事件和方法方方 法法说说 明明ApplyStyleSheetSkin将页面样式表中定义的属性应用于该控件将页面样式表中定义的属性应用于该控件DataBind将控件与某个数据源进行绑定将控件与某个数据源进行绑定Dispose从内存中释放控件之前,给控件一个执行清从内存中释放控件之前,给控件一个执行清除任务的机会除任务的机会Focus把输入焦点设置为该控件把输入焦点设置为该控件GetType获取当前实例的类型获取当前实例的类型4.1 服务器控件服务器控件 Web服务器控件事件和
20、事件过程服务器控件事件和事件过程 4.1.6Web服务器控件的属性、事件和方法服务器控件的属性、事件和方法 Web服务器控件事件是使某个控件进入活动状态的一服务器控件事件是使某个控件进入活动状态的一种操作或动作。例如,按下某个键、单击一下鼠标等种操作或动作。例如,按下某个键、单击一下鼠标等都可触发一个控件事件。在例都可触发一个控件事件。在例7-1中,单击中,单击“登录登录”和和“取消取消”按钮都会触发按钮都会触发Button控件的鼠标单击事件。控件的鼠标单击事件。事件发生以后,如果有相应的事件处理过程,就会事件发生以后,如果有相应的事件处理过程,就会完成过程所要求的功能。如完成过程所要求的功能
21、。如“取消取消”按钮的单击事件按钮的单击事件过程,将过程,将“用户名用户名”输入框和输入框和“密码密码”输入框的内容输入框的内容清空,并将光标定位到清空,并将光标定位到“用户名用户名”输入框上。输入框上。4.2 标准服务器端控件标准服务器端控件4 4 4 4.2.1 .2.1 .2.1 .2.1 ImageButtonImageButtonImageButtonImageButton和和和和HyperLinkHyperLinkHyperLinkHyperLink控件控件控件控件 ImageButtonImageButtonImageButtonImageButton(图像按钮)、(图像按钮)、
22、(图像按钮)、(图像按钮)、ImageImageImageImage(图像)和(图像)和(图像)和(图像)和HyperLinkHyperLinkHyperLinkHyperLink(超(超(超(超链接)控件都可以在控件中显示图片,且都具有超链接跳转的功能。链接)控件都可以在控件中显示图片,且都具有超链接跳转的功能。链接)控件都可以在控件中显示图片,且都具有超链接跳转的功能。链接)控件都可以在控件中显示图片,且都具有超链接跳转的功能。1.ImageButton1.ImageButton1.ImageButton1.ImageButton控件控件控件控件 4.2 标准服务器端控件标准服务器端控件4
23、 4 4 4.2.1 .2.1 .2.1 .2.1 ImageButtonImageButtonImageButtonImageButton和和和和HyperLinkHyperLinkHyperLinkHyperLink控件控件控件控件 2.HyperLink2.HyperLink2.HyperLink2.HyperLink控件控件控件控件 双击双击双击双击HyperLinkHyperLinkHyperLinkHyperLink(超链接)控件在工具箱中的图标,可将控件(超链接)控件在工具箱中的图标,可将控件(超链接)控件在工具箱中的图标,可将控件(超链接)控件在工具箱中的图标,可将控件添加到当
24、前页面光标所在位置。添加到当前页面光标所在位置。添加到当前页面光标所在位置。添加到当前页面光标所在位置。HyperLinkHyperLinkHyperLinkHyperLink控件与标签控件很相似,控件与标签控件很相似,控件与标签控件很相似,控件与标签控件很相似,但该控件支持用户的单击事件,可以在控件中显示图片,可以指定但该控件支持用户的单击事件,可以在控件中显示图片,可以指定但该控件支持用户的单击事件,可以在控件中显示图片,可以指定但该控件支持用户的单击事件,可以在控件中显示图片,可以指定超链接的目标框架等特有属性。超链接的目标框架等特有属性。超链接的目标框架等特有属性。超链接的目标框架等特
25、有属性。4.2 标准服务器端控件标准服务器端控件4 4 4 4.2.2 .2.2 .2.2 .2.2 ImageImageImageImage和和和和ImageMapImageMapImageMapImageMap控件控件控件控件 ImageImageImageImage控件和控件和控件和控件和ImageMapImageMapImageMapImageMap控件都是用于图片显示的控件。控件都是用于图片显示的控件。控件都是用于图片显示的控件。控件都是用于图片显示的控件。1.Image1.Image1.Image1.Image控件控件控件控件4.2 标准服务器端控件标准服务器端控件4 4 4 4.
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 控件 Web 服务器
![提示](https://www.taowenge.com/images/bang_tan.gif)
限制150内