masterpage中处理路径和嵌套问题-CSDN博客

用masterpage的确很方便.但是也有一些问题.例如masterpage嵌套的问题(貌似在vs2008中已经解决).图片,脚本路径问题等等. 总结一下我的经验 .

嵌套masterpage:

vs2005中是不能嵌套使用masterpage的.有时候又的确需要嵌套.例如主模板定义了header和footer,中间区域根据需要再分别定义一栏目布局或者左右分栏布局等等.这时候可以采取替换masterpage的方式来处理.

首先定义好主要的masterpage:

<% @ Master Language = " C# " AutoEventWireup = " true " CodeFile = " main.master.cs "
Inherits = " masterPage_main " %>
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head id ="Head" runat ="server" >
     < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
     < link href ="../style/main.css" rel ="stylesheet" type ="text/css" />
     < link href ="../style/table.css" rel ="stylesheet" type ="text/css" />
     < link href ="../style/form.css" rel ="stylesheet" type ="text/css" />
     < title ></ title >
     < style type ="text/css" >
    <asp:ContentPlaceHolder ID="cphStyle" runat="server">
    </asp:ContentPlaceHolder>
     </ style >
</ head >
< body >
     < form id ="form1" runat ="server" >

.
< asp:ContentPlaceHolder ID ="cphMain" runat ="server" >
</ asp:ContentPlaceHolder >

.
</ form >
</ body >
</ html >

然后根据这个主模板再做masterpage,注意看header标记和ContentPlaceHolder 的写法:

<% @ Master Language = " C# " AutoEventWireup = " true " CodeFile = " OneColumn.master.cs "
Inherits = " masterPage_OneColumn " MasterPageFile = " ~/masterPage/main.master " %>
< asp:Content ID ="style" ContentPlaceHolderID ="cphStyle" runat ="server" >
     < asp:ContentPlaceHolder ID ="cphStyle" runat ="server" >
     </ asp:ContentPlaceHolder >
</ asp:Content >
< asp:Content ID ="main" ContentPlaceHolderID ="cphMain" runat ="server" >
     < div id ="yl-left" >
         < asp:ContentPlaceHolder ID ="cphLeft" runat ="server" >
         </ asp:ContentPlaceHolder >
     </ div >
     < div id ="yl-content" class ="main-content" >
         < asp:ContentPlaceHolder ID ="cphRight" runat ="server" >
         </ asp:ContentPlaceHolder >
     </ div >
</ asp:Content >

上面的masterpage是不能直接在vs2005中使用的,否则无法切换到页面设计视图.要做个变通,那就是再建一个masterpage暂时在设计期替代一下,我称之为代理masterpage:

<% @ Master Language = " C# " AutoEventWireup = " true " CodeFile = " Layer2Column.master.cs "
    Inherits = " masterPage_Layer2Column " %>
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
     < title > 无标题页 </ title >
</ head >
< body >
     < asp:ContentPlaceHolder ID ="cphStyle" runat ="server" >
     </ asp:ContentPlaceHolder >
     < form id ="form1" runat ="server" >
         < div >
             < asp:ContentPlaceHolder ID ="cphLeft" runat ="server" >
             </ asp:ContentPlaceHolder >
             < asp:ContentPlaceHolder ID ="cphRight" runat ="server" >
             </ asp:ContentPlaceHolder >
         </ div >
     </ form >
</ body >
</ html >

这个masterpage不需要任何样式设置和多余的html标签,只需要保持 ContentPlaceHolder标记与要替换的masterpage一致即可.

应用masterpage到页面:

<% @ Page Language = " C# " MasterPageFile = " ~/masterPage/Layer2Column.master " AutoEventWireup = " true "
    CodeFile = " Default.aspx.cs " Inherits = " Default " runtimeMasterPageFile = " ~/masterPage/TwoColumn.master "
    CodeFileBaseClass = " BasePage " %>
<% @ Register Src = " ~/common/DefContent.ascx " TagName = " DefContent " TagPrefix = " uc2 " %>
<% @ Register Src = " ~/common/LoginArea.ascx " TagName = " LoginArea " TagPrefix = " uc1 " %>

< asp:Content ID ="Content1" ContentPlaceHolderID ="cphLeft" runat ="Server" >
     < uc1:LoginArea ID ="LoginArea1" runat ="server" />
</ asp:Content >
< asp:Content ID ="Content2" ContentPlaceHolderID ="cphRight" runat ="Server" >
     < uc2:DefContent ID ="DefContent1" runat ="server" />
</ asp:Content >

这个页面的masterpage设置为我们的代理masterpage,然后添加一条自定义的属性runtimeMasterPageFile="~/masterPage/TwoColumn.master" 记录这个页面真正要用的masterpage路径.

下面在运行时动态的替换masterpage就可以了.相关代码放在页面初始化事件中:

     public class BasePage : System.Web.UI.Page
    {
         private string runtimeMasterPageFile;    // 运行时指定的masterpage
         /// <summary>
         /// 设置运行时母版页用来替换静态的临时母版页
         /// </summary>
         public string RuntimeMasterPageFile
        {
             get { return runtimeMasterPageFile; }
             set { runtimeMasterPageFile = value; }
        }

         protected override void OnPreInit(EventArgs e)
        {
             if (runtimeMasterPageFile != null )
                 this .MasterPageFile = runtimeMasterPageFile;
             base .OnPreInit(e);
        }

.
}

这样就实现了masterpage的嵌套,另外采用这种方式还可以提高vs2005编辑页面的速度,因为编辑时使用的是代理masterpage,没有那么多的html标签需要解析,缺点是设计时看不到最终预览效果.

最后说一下路径问题,masterpage中只有css样式单的链接不会随着引用页面的目录变化而失效,其他的都需要自己变通一下.

客户端脚本:我采用在masterpage的onload事件中用代码动态插入的方式,如下所示:

using System;
using System.Web.UI;

public partial class masterPage_main : System.Web.UI.MasterPage
{
     protected void Page_Load( object sender, EventArgs e)
    {
         // 设置MasterPage Header 添加js
         string JSFile = " <script src=\ " { 0 }\ " type=\ " text / javascript\ " ></script> " ;
        Page.Header.Controls.Add( new LiteralControl( string .Format(JSFile, ResolveClientUrl( " ~/script/mootools-release-1.11_full.js " ))));
        Page.Header.Controls.Add( new LiteralControl( string .Format(JSFile, ResolveClientUrl( " ~/script/common.js " ))));
        Page.Header.Controls.Add( new LiteralControl( "  " ));
    }
}

img标签:这个也有多种办法可以处理,我用的是修改img标签为服务端控件的方式,这样就可以使用asp.net特有的网站根路径路径表示法了,如下所示: