[计算机软件及应用]第四章 Web服务器控件.ppt

第四章 Web服务器控件 主讲教师： 本讲学习目标 掌握常见控件的使用方法 设计制作网络调查系统 本项目:网络调查系统。系统设计思路：首先用户设置调查项生成调查问卷，对网上的浏览者进行调查，网上浏览者对调查问卷进行相应的选择和回答后，提交一个调查结果，调查结果在服务器端汇总，得出调查结论。 系统将为使用者提供一个迅速、便捷的得到用户反馈的方式，及时的了解用户对某些问题的真实态度，为了解用户的反应以及为接下来的决策提供参考和依据。 4.1 HTML标记、HTML控件和Web控件 HTML标记、HTML控件 HTML标记作为文本来进行处理，要想使标记可编程，就需要向这些 HTML 元素添加 runat=“server” 属性。该属性指示，此元素是一个服务器控件。同时要添加 id 属性来标识该服务器控件。 HTML控件由HTML标记衍生而来，与标记相似。 区别:HTML控件添加了“runat=server”的标识属性。 HTML标记的属性只能静态地设置，在程序执行过程中不能被修改，很不灵活。 HTML控件允许在程序中设置其属性，也允许在程序的执行过程中动态地读取及修改其属性，从而产生动态的网页。使HTML控件可以通过服务器端的代码来控制它们的属性、方法和事件。 注意：所有 HTML 服务器控件必须位于带有 runat=“server” 属性的 form 标签内。 runat=“server” 属性指示该表单应在服务器端进行处理。同时指示其包括在内的控件可被服务器脚本访问。 Web控件 Web 服务器控件是服务器可理解的特殊 ASP.NET 标签，是对HTML控件的扩充，它提供了更多的功能控件，如日历控件、时间控件等，所有Web服务器控件都包含在“asp: /asp: ”标记中； 格式如下： asp:Control id=name runat = server / 每一个Web服务器控件具有id和runat属性，含义与HTML控件中相应的属性的含义一致。 服务器控件是.NET网页上的对象，当客户端浏览器请求服务器端网页时，这些控件对象将在服务器上运行并向客户端浏览器呈现HTML标记。 使用ASP.NET服务器控件，可以大幅减少开发Web应用程序所需编写的代码量，提高开发效率和Web应用程序的性能。 ASP.NET服务器控件概述（1/6） 网页上经常看到填写信息的文本框、单选按钮、下拉列表等，它们都是控件。控件是可重用的组件或对象，有自己的属性和方法，可以响应事件。 服务器控件是服务器端ASP.NET网页上的对象，当用户通过浏览器请求ASP.NET网页时，这些控件将运行并把生成的标准的HTML文件发送给客户端浏览器来呈现。 ASP.NET服务器控件概述（2/6） 网站部署在Web服务器上，人们可以通过浏览器来访问这个站点。客户端请求一个静态的HTML页面时，服务器找到对应的文件直接将其发送给用户端浏览器； 请求ASP.NET页面时，服务器将在文件系统中找到并读取对应的页面，然后将页面中的服务器控件转换成浏览器可以读取的HTML标记和一些脚本代码，再将转换后的结果页面发送给用户。 在ASP.NET页面上，服务器控件表现为一个标记，如asp:textbox…/。此标记不是标准HTML元素，如果出现在网页上，浏览器将无法理解。 当从Web服务器上请求一个ASP.NET页面时，这些标记都将动态地转换为HTML元素，浏览器只会接收到它能理解的HTML。 ASP.NET服务器控件概述（4/6） 创建.aspx页面时，可以将任意的服务器控件放到页面，请求服务器上该页面的浏览器将只会接收到HTML和JavaScript脚本代码，如图4-1所示。 ASP.NET服务器控件概述（5/6） Web浏览器无法理解ASP.NET,只理解HTML，可能也理解JavaScript—但它不能处理ASP.NET中包含的代码。 服务器读取ASP.NET代码并进行处理，将所有ASP.NET特有的内容转换为HTML以及(如果浏览器支持的话)一些JavaScript代码，然后将最新生成的HTML发送回浏览器。 ASP.NET服务器控件概述（6/6） ASP.NET服务器控件主要类别有HTML服务器控件、标准服务器控件、验证控件、用户控件、数据控件、导航控件等。 本章将详细介绍这些服务器控件。 4.2 HTML控件概述 HTML控件概述 包含在System.Web.UI.HtmlControls基类中，由于所有HTML控件的基类相同，故它们有一些共同的属性； Visible属性 Disabled属性 Attributes属性 Style属性 InnerHtml和InnerText属性 Value属性 4.3 Web控件概述 Web控件概述 对