欢迎来到天天文库
浏览记录
ID:44227539
大小:1.95 MB
页数:81页
时间:2019-10-19
《HTML服务器控件》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、第5章服务器控件5.1服务器控件简介5.2HTML服务器控件5.3Web服务器控件5.1服务器控件简介服务器控件是在服务器端执行的控件,在客户端浏览器中,服务器控件的外观由HTML代码来表现。服务器控件执行时,首先在服务器端被编译,再根据客户的浏览器版本,自动生成适合浏览器的HTML代码。用服务器控件设计一个简单的企业信息页面,显示结果如图5-1所示。通过图5-1可以看出这里使用了3种控件,分别是Label、TextBox和DropDownList,在源码中它们都有</asp:控件类型>包含起来,并且有属性runat=“serv
2、er”,表示是服务器控件。但在浏览器端都由HTML标记代替。下-页返回5.1服务器控件简介另外,还可以发现浏览器的代码中增ASP.NET服务器控件可以分为两大类:HTML服务器控件和Web服务器控件。将普通的HTML元素转化为HTML服务器控件一般可以通过下面两步实现。①在普通的HTML元素中添加runat-”server”属性,表示该元素在服务器端执行。②设置ID属性,标识服务器控件的身份,方便编程引用。例如:上-页下-页返回5.1服务器控件简介转化为服务器控件为:3、uttonl”type=“button”value=“提交”runat=“server”Web服务器端控件有很多优点。①更丰富且统一的对象模型。②自动检查浏览器类型。:③可以保存状态到ViewState里。:另外,Web服务器端控件还增加了绑定数据、选择日期等常用窗体功能控件。上-页下-页返回5.1服务器控件简介由于HTML元素、HTML服务器控件和Web服务器控件的功能有些部分是重合的,那么该如何进行选择呢?一般情况下,可以坚持下面的原则。①显示或处理静态内容,使用传统的HTML元素,能够节省大量资源,减少服务器编译量,从而减轻服务器压力。②AS4、P程序转为ASP.NET程序时,可以使用HTML服务器控件,因为从元素转到HTML服务器控件比较简单,只要在标签中添加runat-”server”属性即可。③新建ASP.NET程序时,建议使用Web服务器控件,因为它是微软最新技术并具有更强大的功能,符合未来发展方向,也是微软推荐使用的方案。上-页返回5.2HTML服务器控件HTML服务器控件System.Web.ULHtmIControls类继承而来的,整个控件组在System.Object类中的位置关系如图5-2所示。5.2.1超链接控件HtmIAnchorHtmIAnchor是HTML标记5、>的控制元件,用于在网页上显示一个超链接,属性有Href、Target、Title等,它们的作用如下。①Href属性:用来指定链接的地址。②Target属性:用来指定网页所显示的框架位置。③Title属性:用来指定链接文字的说明。例5.1代码如T-1下-页返回5.2HTML服务器控件浏览网页,可以看到如图5-3所示的页面。5.2.2表单控件HtmIForm表单控件HtmIForm的作用是用来实现一个表单,标记是。①method属性:用于指定信息从浏览器传到服务器的方法,它的取值有get和post,其中默认值为post。②action属性6、:用于指定提交表单信息时,处理表单信息的页面地址。默认的页面地址是当前页面地址。上-页下-页返回5.2HTML服务器控件5.2.3按钮控件HtmIButton按钮控件HtmIButton用于在网页上显示一个按钮,其标记为。HtmIButton控件的主要方法有①OnServerClick方法:用于指定处理单击事件的函数。②OnMouseOver方法:用于指定处理鼠标移动到按钮上之后的事件的函数。③OnMouseOut方法:用于指定处理鼠标移出按钮的事件的函数。例5.2代码如T-2浏览网页,可以看到如图5-4所示的页面。上-页下-页返回7、5.2HTML服务器控件5.2.4图形控件Htmllmage图形控件Htmllmage用于在网页上显示一个图形,其标记为。它常见的属性有src、height和width等。①src属性:用于指定图形的来源地址。②height属性:用于指定图形显示的高度,单位是像素或者是用图形的百分比来表示。③width属性:用于指定图形显示的宽度,单位是像素或者是用图形的百分比来表示。例5.3代码如T-3浏览网页,可以看到如图5-5所示的页面。上-页下-页返回5.2HTML服务器控件5.2.5Htmllnput控件1.HtmllnputFile控件当Ht8、mllnput控件的属性被设置为file时,就可从浏览器的客户端向服务器上传文件。①需要将服务器端保存文件的目录设置为任何
3、uttonl”type=“button”value=“提交”runat=“server”Web服务器端控件有很多优点。①更丰富且统一的对象模型。②自动检查浏览器类型。:③可以保存状态到ViewState里。:另外,Web服务器端控件还增加了绑定数据、选择日期等常用窗体功能控件。上-页下-页返回5.1服务器控件简介由于HTML元素、HTML服务器控件和Web服务器控件的功能有些部分是重合的,那么该如何进行选择呢?一般情况下,可以坚持下面的原则。①显示或处理静态内容,使用传统的HTML元素,能够节省大量资源,减少服务器编译量,从而减轻服务器压力。②AS
4、P程序转为ASP.NET程序时,可以使用HTML服务器控件,因为从元素转到HTML服务器控件比较简单,只要在标签中添加runat-”server”属性即可。③新建ASP.NET程序时,建议使用Web服务器控件,因为它是微软最新技术并具有更强大的功能,符合未来发展方向,也是微软推荐使用的方案。上-页返回5.2HTML服务器控件HTML服务器控件System.Web.ULHtmIControls类继承而来的,整个控件组在System.Object类中的位置关系如图5-2所示。5.2.1超链接控件HtmIAnchorHtmIAnchor是HTML标记5、>的控制元件,用于在网页上显示一个超链接,属性有Href、Target、Title等,它们的作用如下。①Href属性:用来指定链接的地址。②Target属性:用来指定网页所显示的框架位置。③Title属性:用来指定链接文字的说明。例5.1代码如T-1下-页返回5.2HTML服务器控件浏览网页,可以看到如图5-3所示的页面。5.2.2表单控件HtmIForm表单控件HtmIForm的作用是用来实现一个表单,标记是。①method属性:用于指定信息从浏览器传到服务器的方法,它的取值有get和post,其中默认值为post。②action属性
5、>的控制元件,用于在网页上显示一个超链接,属性有Href、Target、Title等,它们的作用如下。①Href属性:用来指定链接的地址。②Target属性:用来指定网页所显示的框架位置。③Title属性:用来指定链接文字的说明。例5.1代码如T-1下-页返回5.2HTML服务器控件浏览网页,可以看到如图5-3所示的页面。5.2.2表单控件HtmIForm表单控件HtmIForm的作用是用来实现一个表单,标记是
6、:用于指定提交表单信息时,处理表单信息的页面地址。默认的页面地址是当前页面地址。上-页下-页返回5.2HTML服务器控件5.2.3按钮控件HtmIButton按钮控件HtmIButton用于在网页上显示一个按钮,其标记为。HtmIButton控件的主要方法有①OnServerClick方法:用于指定处理单击事件的函数。②OnMouseOver方法:用于指定处理鼠标移动到按钮上之后的事件的函数。③OnMouseOut方法:用于指定处理鼠标移出按钮的事件的函数。例5.2代码如T-2浏览网页,可以看到如图5-4所示的页面。上-页下-页返回
7、5.2HTML服务器控件5.2.4图形控件Htmllmage图形控件Htmllmage用于在网页上显示一个图形,其标记为。它常见的属性有src、height和width等。①src属性:用于指定图形的来源地址。②height属性:用于指定图形显示的高度,单位是像素或者是用图形的百分比来表示。③width属性:用于指定图形显示的宽度,单位是像素或者是用图形的百分比来表示。例5.3代码如T-3浏览网页,可以看到如图5-5所示的页面。上-页下-页返回5.2HTML服务器控件5.2.5Htmllnput控件1.HtmllnputFile控件当Ht
8、mllnput控件的属性被设置为file时,就可从浏览器的客户端向服务器上传文件。①需要将服务器端保存文件的目录设置为任何
此文档下载收益归作者所有