web应用程序设计第2章

1.Web窗体概述2.ASP.NETWeb控件概述3.标准服务器控件的使用Web窗体:即网页，操作界面(输入/输出)。从文件的角度来看，Web窗体是一个.aspx的文件。从代码的角度来看，Web窗体是一个form标记，格式如下：formid=……runat=server……/form1).HTML标记：浏览器能直接识别2).ASP.NET控件：浏览器不能识别的，需由ASP.NET服务器来编译和处理。3).JavaScript脚本：包含script……/script之中4).服务器端源程序包含在%……%标记或scriptrunat=Server……/script之中或保存于.cs或.vb文件中5).Web窗体的指令为ASP.Net运行库提供设置信息例如：%@PageLanguage=C#ContentType=text/xml%常见的指令有：@Page、@Register、@Master、@OutputCache4界面元素和源程序代码位于同一个.aspx文件中。两种方法区别界面元素和源程序：◦借助script块来标识，但要注意在script标记中必须添加runat=”server”属性，否则被视为客户端脚本。◦使用专用的“%……%”标记来标识。举例P29：【例2-2】用户界面文件：.aspx逻辑处理即源程序文件：.aspx.cs/vb以上两个文件使用Page指令来连接，格式如下：◦%@PageLanguage=C#AutoEventWireup=trueCodeFile=...Inherits=...%举例：P30【例2-3】单文件模型的优点：(1)在代码量较少时，单文件模型更容易研究和理解；(2)ASP.NET网页更容易部署；(3)由于文件之间没有关联性，网站更易于维护或修改。单文件模型的缺点：(1)不能直接在VisualStudio中创建单文件Web窗体页；(2)VisualStudio.Net的可视化设计受到限制；(3)因为不在VisualStudio.Net的代码编辑器中编写代码，所以无法利用其智能感知技术来提高源程序代码的编写质量；(4)必须手动将事件绑定到事件处理程序；(5)在运行ASP.Net页之前无法捕获程序中的编译错误。代码隐藏模型的优点：(1)提高网页的设计效率；(2)提高源程序的编写质量，减少程序的编译错误；(3)Web窗体的源代码不需要部署到Web站点服务器中，可有效提高站点的安全性；(4)Web窗体中的业务逻辑可独立出来，实现跨页重用，大大提交代码的可重用性；总之，单文件模型适合于个人开发，用于开发小型网站；而代码隐藏模型适合于团队开发，用于开发企业级的大中型网站。Web控件是运行在ASP.NET服务器端并且封装了用户界面和其他相关功能的组件。ASP.NET3.0提供HTML服务器控件、Web服务器控件。每个Web控件必须具有以下两个属性：◦ID：用于唯一区分页面中的每一个控件元素，其文本值将成为窗体源程序中的控件对象名，因此建议按C#标识符规范为ID属性赋值。◦Runat=Server：表示这是运行在服务器端的控件，由Web服务器识别和处理。HTML元素由浏览器解析的，不需要ASP.NET服务器处理的。当添加Runat=server属性和ID属性后，HTML元素将转换为HTML服务器控件，这样服务器端程序可直接引用或修改控件的属性或状态。例◦inputid=txtNamerunat=servertype=text/◦inputid=btnSubmitrunat=servertype=buttonvalue=提交/Web服务器控件包括标准控件、验证控件、数据控件、导航控件、登录控件、报表控件、Web部件控件以及AJAX扩展控件等。Web服务器控件的特点：◦所有Web服务器控件的界面元素必须使用前缀符asp来标识；◦当用户访问时，ASP.NET服务器会自动检测浏览器，并把Web服务器控件转换为浏览器能识别的HTML元素。1．按钮与超链接类控件2．输入与显示类控件3．选择输入类控件4．图像显示控件5．容器类控件6.其他控件按钮类控件（Button、ImageButton、LinkButton）常用属性包括：◦onClick：用来设置单击鼠标事件函数；◦onClientClick：用来设置单击鼠标客户端脚本；◦PostBackUrl：用来设置单击鼠标时要跳转的网页；◦Text：用来设置在页面上显示按钮时的文本标题。HyperLink控件的常用属性包括：◦NavigateUrl：用来设置在单击超链接时要跳转的网页；◦ImageUrl：用来设置在单击超链接时要显示的图片。文本输入控件（TextBox），重要属性有：◦TextMode：SingleLine；Password；MultiLine◦Text、MaxLength、Columns、Rows和ReadOnly；◦AutoPostBack：是否提交自动，默认值为false；◦onTextChanged：用来设置当文本值发生改变时要调用的事件函数文件上传控件（FileUpload)，重要属性有：◦FileName：指定上传的文件名；◦FileContent：指定要上传的文件内容（Stream流对象）◦FileBytes：以字节数据的形式返回已上传的文件内容显示控件：Label、Literal举例：P38【例2-4】选项控件：RadioButton与CheckBox。常用属性有：◦Text、Checked、GroupName；选项列表控件：RadioButtonList、CheckBoxList、ListBox，DropDownList、常用的属性有：◦RepeatDirection：设置各选项的排列方式；◦SelectedIndex、SelectedItem、SelectedValue、Text◦onSelectedIndexChanged：用于设置当选定项发生改变时要调用的事件函数；◦Items：选项集列表项控件：ListItem，常用的属性有：◦Text、Value、Selected举例：P41【例2-5】与图像显示有关的控件有Image、ImageButton和ImageMap控件。Image和ImageMap控件的重要属性有：◦ImageUrl：用来指定所要显示的图像路径；◦AlternateText：用来指定图像不可用时代替图像显示的文本；◦ImageAlign：用来指定图像相对于Web窗体页上其他元素的对齐方式。举例：P44【例2-6】Panel和PlaceHolderPanel类似于div，一般用来控制一组控件显示或隐藏。PlaceHolder控件用来动态显示其他控件，实际应用时预先在Web窗体中保留一个位置，需要显示内容时直接把控件添加到其Controls属性中。两者区别是，在Panel控件中无论是否包含其他控件，它都会占用页面相应页面位置；而PlaceHolder在不包含其他控件时不占用页面位置，因此PaceHolder更有利于页面布局。举例：P45【例2-7】（1）Calendar控件，重要属性有：◦SelectedDate、VisibleDate、SelectionMode◦SelectionChanged、VisibleMothChanged（2）AdRotator控件，使用步骤如下：◦在App_Data目录之中新建XML文档；◦从工具箱把控件拖放到Web窗体的设计视图中；◦“新建数据源”（3）Wizard控件，使用步骤如下：◦添加Wizard控件；◦添加向导步骤WizardStep；◦设计每个步骤的操作界面举例：P50【例2-8】