web应用程序设计第2章.ppt

第2章 Web窗体静态设计技术 Web窗体概述 ASP.NET Web控件概述 标准服务器控件的使用 1 Web窗体概述 Web窗体: 即网页，操作界面(输入/输出)。 从文件的角度来看， Web窗体是一个.aspx的文件。 从代码的角度来看，Web窗体是一个form标记，格式如下： form id=…… runat=server …… /form 1.1 ASP.Net页的构成 1). HTML标记：浏览器能直接识别 2). ASP.NET控件： 浏览器不能识别的，需由ASP.NET服务器来编译和处理。 3). JavaScript脚本：包含script ……/script之中 4). 服务器端源程序 包含在% …… %标记或script runat=Server……/script之中 或保存于.cs或.vb文件中 5). Web窗体的指令 为ASP.Net运行库提供设置信息 例如： %@ Page Language=C# ContentType=text/xml % 常见的指令有：@Page、@Register、@Master、@OutputCache 4 1.2 Web窗体的运行机制 Web窗体的运行机制： S1：客户端发送请求给IIS，IIS则接收请求； S2：IIS载入ASP.NET页并交给aspnet_isapi.dll处理； S3：先启用aspnet_wp.exe验证访问权限以及环境设置等，再检查页面文件是否经过编译。 S4：如果未编译，则启用Aspnet_compiler.exe进行编译。对于源程序，则启用语言编译器进行编译，得到中间语言代码IL。 S5：编译之后的程序由CLR负责执行。如果是首次请求，CLR再进行编译，得到本地代码程序（即机器语言代码）。 S6： aspnet_isapi.dll利用程序运行结果生成一个新的HTML文档； S7：新的HTML回传给客户端并输出到浏览器。 S8：当用户提交网页时，服务器再次运行网页，并再次回传客户端，如此循环往复。 1.3 Web窗体中的代码1）单文件模型 界面元素和源程序代码位于同一个.aspx文件中。 两种方法区别界面元素和源程序： 借助script块来标识，但要注意在script标记中必须添加runat=”server”属性，否则被视为客户端脚本。 使用专用的“% …… %”标记来标识。 举例P29：【例2-2】 1.3 Web窗体中的代码2）代码隐藏模型 用户界面文件：.aspx 逻辑处理即源程序文件：.aspx.cs/vb 以上两个文件使用Page指令来连接，格式如下： %@ Page Language=C# AutoEventWireup=true CodeFile=... Inherits=... % 举例：P30【例2-3】 两种页模型的比较(1) 单文件模型的优点： (1) 在代码量较少时，单文件模型更容易研究和理解； (2) ASP.NET网页更容易部署； (3) 由于文件之间没有关联性，网站更易于维护或修改。 单文件模型的缺点： (1) 不能直接在 Visual Studio 中创建单文件 Web 窗体页； (2) Visual Studio .Net的可视化设计受到限制； (3) 因为不在Visual Studio.Net的代码编辑器中编写代码，所以无法利用其智能感知技术来提高源程序代码的编写质量； (4) 必须手动将事件绑定到事件处理程序； (5) 在运行ASP.Net页之前无法捕获程序中的编译错误。 两种页模型的比较(2) 代码隐藏模型的优点： (1) 提高网页的设计效率； (2) 提高源程序的编写质量，减少程序的编译错误； (3) Web窗体的源代码不需要部署到Web站点服务器中，可有效提高站点的安全性； (4) Web窗体中的业务逻辑可独立出来，实现跨页重用，大大提交代码的可重用性； 总之，单文件模型适合于个人开发，用于开发小型网站；而代码隐藏模型适合于团队开发，用于开发企业级的大中型网站。 2 ASP.NET Web控件概述 Web控件是运行在ASP.NET服务器端并且封装了用户界面和其他相关功能的组件。 ASP.NET 3.0提供HTML服务器控件、Web服务器控件。 每个Web控件必须具有以下两个属性： ID：用于唯一区分页面中的每一个控件元素，其文本值将成为窗体源程序中的控件对象名，因此建议按C#标识符规范为ID属性赋值。 Runat=Server：表示这是运行在服务器端的控件，由Web服务器识别和处理。 2.1 HTML服务器控件 HTML元素由浏览器解析的，不需要ASP.NET服务器处理的。 当添加Runat=server属性和ID属性后，HTML元素将转换为HTML服务器控件，这样服务器端