《ASP NET程序设计及实践》课件09_第9章 页面设计.pptVIP

-*-掌握母版页的创建和使用熟悉SiteMapPath控件的使用掌握TreeView控件的使用熟悉Menu控件的使用 目标-*-母版页 在Web应用开发过程中，经常会遇到Web应用程序中的很多页面的布局都相同的这种情况。在ASP.NET中，可以使用CSS和主题减少多页面的布局问题，但是CSS和主题在很多情况下还无法胜任多页面的开发，这时就需要使用母版页和内容页。 母版页可以为Web应用程序创建统一的页面布局和外观，也可以为应用程序中的所有页面或某一模块的所有页面定义其共通的外观和操作。开发人员只需创建各自所需的内容页面，当程序运行时，这些内容页面会和母版页合并，并结合母版页中设置的布局在客户端一起输出。-*-母版页和内容页母版页是扩展名为.master的ASP.NET文件。使用“@Master”指令来标识，其使用语法如下所示。母板页与内容页的区别：所有的Web窗体由Page指令开始，而母版页由Master指令开始，Master指令中的属性与Page指令相同；ContentPlaceHolder控件只能在母版页中使用，而不能出现在普通.Web窗体中。%@MasterLanguage=C#AutoEventWireup=true CodeFile=MasterPageName.master.csInherits=MasterPageName%-*-母版页的优点在ASP.NET中使用母版页具有如下几个优点：集中处理页面的共通功能，便于维护和更新；可以方便的创建一组控件和代码，并将其作用于一组页面，如在母版页中创建树形菜单；通过允许控制占位符的呈现方式，母版页可以让开发人员在细节上控制最终页面的布局。-*-创建母版页-1在解决方案“ch09”中的网站上点击右键，选择“添加新项”，选择“母版页”，指定一个名称（例如SiteTemplate.master），然后单击“添加”按钮。-*-创建母版页-2创建的母板页默认包含两个ContentPlaceHolder控件，一个用于定义head区域，允许内容页面能够增加页面元数据，比如当前页面编码、样式表链接或JavaScript链接等。另一个用于定义body区域，代表页面显示的内容。可以根据具体情况在两个定义的区域中编写特定的内容。title货品管理系统/titletablewidth=100%border=0cellspacing=0cellpadding=0trtdasp:ContentPlaceHolderID=cphContentrunat=server 内容页部分/asp:ContentPlaceHolder/td/tr……-*-内容页每个内容页引用一个母版页并获得其布局和内容。此外，内容页可以在任意的占位符里加入页面特定的内容，即通过创建各个内容页来填充母版页中占位符控件的内容。内容页通过在“@Page”指令中设置“MasterPageFile”属性来指定其使用的母版页。例如：%@PageLanguage=C#MasterPageFile=~/MasterPageName.master%内容页的核心控件是“asp:Content”，设置该控件的“ContentPlaceHolderID”属性可以将内容页映射到母版页的“ContentPlaceHolder”控件中，其语法格式如下所示。asp:ContentID=Content1ContentPlaceHolderID=cphContentRunat=Server ……/asp:Content-*-创建内容页-1在解决方案“ch09”中的网站上点击右键，选择“添加新项”，选择“Web内容窗体”，指定一个名称（例如ContentForm.aspx），并选择“选择母版页”，然后单击“添加”按钮，如下图所示。-*-创建内容页-2创建完成后，弹出如下图所示窗口，选择特定的母版页，点击“确定”。VisualStudio会自动为母版页里的每个ContentPlaceHolder创建一个Content控件。-*-创建内容页-3在已经创建的母版页的基础上，创建内容页。代码如下所示。%@PageLanguage=C#MasterPageFile=~/SiteTemplate.master AutoEventWireup=trueCodeFile=ContentForm.aspx.cs Inherits=