书签 分享 收藏 举报 版权申诉 / 16
立即下载 加入VIP,免费下载
当前位置： 首页 > 农林牧渔 > 林学 > 主题和母版页母版页.docx

类型主题和母版页母版页.docx

  • 文档编号：17492542
  • 上传时间：2023-07-26
  • 格式：DOCX
  • 页数：16
  • 大小：150.28KB

 

 

简单的内容页

      要在其他页面里使用母版页，必须在Page指令里加入MasterPageFile特性：

<%@PageTitle=""Language="C#"MasterPageFile="~/Chapter16/SiteTemplate.master"...%>

      只设置MasterPageFile特性还不足以把普通的页面转变成内容页。

内容页必须定义要插入一个或多个ContentPlaceHolder控件的内容（并编写这些控件需要的代码）。

由于母版页已经提供了外壳，因此，试图在内容页中加入、、之类的元素，则会产生一个错误。

      要为ContentPlaceHolder提供内容，要用到另一个叫Content的特殊控件。

ContentPlaceHolder和Content控件具有一对一的关系。

对于母版页里的每个ContentPlaceHolder，内容页会提供一个对应的Content控件（除非不准备为那个区域提供任何内容）。

ASP.NET通过匹配ContentPlaceHolder的ID和对应的Content控件的Content.ContentPlaceHolderID属性将它们对应起来。

<%@PageTitle=""Language="C#"MasterPageFile="~/Chapter16/SiteTemplate.master"

AutoEventWireup="true"CodeFile="Default.aspx.cs"Inherits="Chapter16_Default"%>

 

ContentID="Content1"ContentPlaceHolderID="ContentPlaceHolder1"runat="Server">

0in0.1in0pt0in">

10pt;font-family:

TheSansMonoConNormal">Faroutintheuncharted

backwatersoftheunfashionableendofthewesternspiralarmoftheGalaxylies

asmallunregardedyellowsun.

Content>

ContentContentPlaceHolderID="TitleContent"ID="Content2"runat="server">

CustomTitle

Content>

 

       为了更好的理解母版页是如何工作的，值得通过跟踪（在Page指令里加入Trace=true）来看看内容页。

借助这种方式可以了解控件的层次。

你会发现ASP.NET首先为母版页创建控件对象，包括ContentPlaceHolder（它充当一个容器），接着它会把内容页的控件加入ContentPlaceHolder。

      如果需要动态配置母版页或内容页，可以响应任意一个类中的Page.Load事件。

有时你可能会同时在母版页和内容页中使用初始化代码。

这种情况下，理解每个事件发生的顺序就很重要。

ASP.NET首先创建母版页控件，然后添加内容页的子控件。

然后它触发母版页的Page.Init事件，随后是内容页的Page.Init事件。

对于Page.Load事件，也是相同的步骤。

（如果有冲突，那么内容页的自定义会覆盖在母版页相同阶段所做的修改）

 

 

默认内容

      母版页定义ContentPlaceHolder时可以包含默认的内容（内容页没有提供相应的Content控件时才会使用的内容）。

      内容页不能只使用母版页默认内容的一部分或只编辑这一部分。

这是不可能的，因为默认内容是保存在母版页里面而不是内容页中。

所有，要么完全使用，要么就全部替换它。

 

 

具有表格和CSS布局的母版页

      HTML使用基于流的布局。

这意味着随着内容的增加，页面会被重新组织，其他一些内容会被挤到一边。

这样的布局会使得难以获得母版页预期的结果。

如果你不小心，就会破坏原本完美的布局，插入到标签的大量信息会把页面结构弄得乱七八糟。

      为了控制这些问题，大部分母版页使用HTML表格或者CSS定位来控制布局。

      使用表格时，基本原则是把整个页面或页面的部分分解到行和列里。

然后你就可以把ContentPlaceHolder加入到某个单元格里，从而保证其他内容多少会按照预期的那样对齐。

      使用CSS定位时，基本思想是把内容放入

标签，然后使用绝对坐标控制
的位置或者让它们浮动在页面的某一边，最后你可以把ContentPlaceHolder放入
标签。

（ 和  中有很多基于CSS布局的优秀示例）

 

      下面示例演示了如何用母版页创建包含一个页头、页尾、导航栏的传统Web应用程序，这些元素都通过表格进行定义：

<%@MasterLanguage="C#"AutoEventWireup="true"CodeFile="TableMaster.master.cs"

Inherits="TableMaster"%>

 

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.1//EN""http:

//www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

//www.w3.org/1999/xhtml">

UntitledPage

thin#008000dotted;background:

#FFFFEA;padding:

10px;">

MyHeader

thin#008000dotted;background:

#FFFFEA;padding:

10px;">

TreeViewID="Treeview1"runat="server"Width="150px">

TreeNodeText="NewNode"Value="NewNode">

TreeNode>

TreeView>

ContentPlaceHolderID="ContentPlaceHolder1"runat="server">

ContentPlaceHolder>

thin#008000dotted;background:

#FFFFEA;padding:

10px;">

MyFooter

<%@PageLanguage="C#"MasterPageFile="~/Chapter16/TableMaster.master"AutoEventWireup="true"

CodeFile="TableContentPage.aspx.cs"Inherits="TableContentPage_aspx"Title="UntitledPage"%>

 

ContentID="Content1"ContentPlaceHolderID="ContentPlaceHolder1"runat="Server">

Yourcontentgoesinthiscell.

ButtonID="cmdShow"runat="server"Text="Show"OnClick="cmdShow_Click"/>

ButtonID="cmdHide"runat="server"Text="Hide"OnClick="cmdHide_Click"/>

Content>

publicpartialclassTableContentPage_aspx:

System.Web.UI.Page

{

protectedvoidPage_Load（objectsender,EventArgse）

{

 

}

 

protectedvoidcmdHide_Click（objectsender,EventArgse）

{

TableMastermaster=（TableMaster）this.Master;

master.ShowNavigationControls=false;

}

 

protectedvoidcmdShow_Click（objectsender,EventArgse）

{

TableMastermaster=（TableMaster）this.Master;

master.ShowNavigationControls=true;

}

}

 

 

       很多专业的Web开发人员倾向于使用基于CSS的布局技术（基于CSS的布局允许编写便于阅读、之后也更容易修改的标记，它易于减少长期令人头痛的问题）。

      在基于CSS的布局中使用ContentPlaceHolder和在基于表格的布局中使用它同样简单。

只要把ContentPlaceHolder放入到不同的

元素里，然后样式表使用position、left、right、top和bottom等特性对每个
元素进行定位。

      例如，一个常见的页面设计是把页面分为3栏。

页面的每个边栏被设置为固定的大小，而中间的部分占有其余的全部空间：

.leftPanel

{

position:

absolute;

top:

70px;

left:

10px;

width:

150px;

background-color:

Yellow;

}

 

.rightPanel

{

position:

absolute;

top:

70px;

right:

10px;

width:

150px;

background-color:

Yellow

}

 

.centerPanel

{

margin-left:

151px;

margin-right:

151px;

padding-left:

12px;

padding-right:

12px;

background-color:

Green;

}

      现在可以把页面分成列，并在适当的区域加入ContentPlaceHolder控件：

Menu

ContentPlaceHolderID="ContentPlaceHolder1"runat="server">

ContentPlaceHolder>

Advertisement

 

 

 

母版页和相对路径

      一个经常困扰开发人员的问题是母版页如何处理相对路径的。

把母版页和内容页分放到不同的目录里是大型网站推荐使用的最佳实践，但同时，关于相对路径的问题就发生了。

      假设把母版页放在了一个叫做MasterPages的子文件夹里，并在母版页里加入了如下这条标签：

      假设\MasterPages\banner.jpg存在，这看起来是行得通的，甚至VS开发环境中也会出现这张图片。

但是如果在另一个子文件夹里创建了内容页，路径就会被解释成相对于那个文件夹的路径。

如果文件不在那里，就会得到一个破损的链接而看不到图片。

       这一问题之所以会发生，是因为标签只是普通的HTML，ASP.NET不会接触到它。

要解决这一问题，可以预先把URL写成相对于内容页的地址。

不过这会带来混淆，这限制了母版页的使用范围，并且会产生在设计环境里错误显示母版页的负面效应。

 

       另一个快捷的解决方案是把图片标签变为服务器端控件，这样ASP.NET就会自动修复这个错误：

       这个方案会起作用是因为ASP.NET会根据这一信息创建一个HtmlImage服务器控件。

这个对象在母版页的Page对象被实例化后创建，此时，ASP.NET把所有路径解释为相对于母版页的位置（同样，这个技术也可以修复标签等）。

 

      还可以使用根路径语法，并用“.”字符作为URL的开头：

       上面的这个路径毫无歧义。

但遗憾的是，这种语法只对服务器控件有效。

如果要对普通的HTML控件有效，需要在链接里包含域名的完整相对路径，这样的HTML代码难看且不可移植，不推荐使用。

 

 

通过配置文件应用母版页

      值得注意的是，还可以借助web.config文件一次对整个网站的所有页面应用母版页。

你所要做的只是像下面这样加入特性并设置它的masterPageFile特性：

       这种方式的一个问题是，它不太灵活。

任何违背了规则（例如，包含根标签或者定义了一个不对应ContentPlaceHolder的内容区域）的Web页面都会自动损坏。

如果一定要使用这一功能，就不要对整个网站应用该功能，而应在内容页面这创建子文件夹，在子文件夹里面再创建web.config文件。

 

 

高级模板页

      你还可以借助其他技巧和技术优化母版页的工作方式，你将看到内容页与母版页如何交互、如何动态设置母版页、如何在母版页里嵌套母版页。

 

1.和母版页类交互

      母版页要解决的一个问题是，它的模型如何认定你是希望在所有页面间精确复制一些东西（这种情况下，可以把这些内容包含在母版页里）还是在每个页面改变这些东西（这种情况下，需要加入一个ContentPlaceHolder，并包含每个内容页的信息）。

这种区分对很多页面都很见效，但是当你在母版页和内容页之间允许更多的交互的时候，就会遇到一些麻烦。

      例如，你希望母版页能够提供3种显示模式，然后由内容页选择正确的显示模式，这会改变母版页的外观。

不过，内容页不能任意修改母版页，除了这3个预设的变更外，其他都会被拒绝。

显然，需要通过编程才能实现它们的交互（可以通过Page.Master属性访问母版页的当前实例）。

 

      首先，母版页可以通过公有的属性或方法开放可以让内容页修改的页面内容，比如这样：

publicstringBannerText

{

get{returnlblTitleContent.Text;}

set{lblTitleContent.Text=value;}

}

 

      内容页现在可以修改母版页的标题文字了（需要注意的是Master属性返回的是一般的MasterPage类，需要转型）：

protectedvoidPage_Load（objectsender,EventArgse）

{

Chapter16_SiteTemplatemaster=MasterasChapter16_SiteTemplate;

master.BannerText="ContentPage#1";

}

 

      另一个能够访问强类型母版页的办法是在内容页加入MasterType指令，你只需要在指令中指定相应.Master文件的虚拟路径即可：

<%@MasterTypeVirtualPath="~/Chapter16/SiteTemplate.master"%>

      这样你就可以使用简单一些的强类型代码来访问母版页：

protectedvoidPage_Load（objectsender,EventArgse）

{

Master.BannerText="ContentPage#1.";

}

 

       对于所有这些示例，有一点需要注意：

当从一个页面导航到另一个页面时，所有的Web页面对象都会重新创建。

也就是说，即使你跳转到另一个使用相同母版页的内容页，ASP.NET也会创建一个不同的母版页对象实例。

因此，用户每跳转到一个新的页面时，标题里的Label控件的Text属性会恢复它的默认值，要改变这一行为，必须在其他位置（如cookie）保存信息并在母版页检查这些值的初始化代码！

 

      你还可以强行访问母版页上的某个控件。

使用的技巧是根据对象的唯一名称：

Labellbl=Master.F

举报
举报 版权申诉
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载
配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：
主题 母版
提示  冰点文库所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。
关于本文
本文标题：主题和母版页母版页.docx
链接地址：https://www.bingdoc.com/p-17492542.html
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2


收起
在线客服
意见反馈
返回顶部
展开
QQ交谈
返回顶部