ASP.NET 1.1 模拟 2.0 网页母板文件

Afritxia 2005-06-04 06:56:43

ASP.NET 2.0 中加入了网页母板文件的概念，母板文件是以 .master 为扩展名。

有了母板文件，我们可以专心编写内容脚本，而不用担心网页的布局会发生改变。

减少了用户控件数量，而且如果修改网页布局，只须修改一个 .master 文件即可。

ASP.NET 1.1 中没有这样的功能！但是，我们可以模拟！其大致方法如下：

第一步，建立一个用户控件：PageMaster.ascx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>AfritXia.NET</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name=vs_defaultClientScript content="JavaScript">
<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
<link href="CSS/Default.css" type="text/css" rel="stylesheet">
<script language="JScript" src="JS/Default.js"></script>
</head>
<body MS_POSITIONING="GridLayout">

<form id="StartPageForm" method="post" runat="server">

<div style="background-color: WHITE; width: 780px; height: 100%; border-right: SOLID 2px BLACK;">


<WebHome:ContentPlaceHolder id="masterHolder" runat="server" />

</div>

</form>

</body>
</html>

其后台文件是：

/*
* PageMaster.ascx.cs @Microsoft Visual Studio.NET 2003 <.NET Framework 1.1>
* AfritXia
* 06.03/2005
*
* 页面母板文件
*
*/

namespace AfritXia.WebHome.CustomControl
{
using System;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

/// <summary>
/// PageMaster 页面母板文件
/// </summary>
[System.Web.UI.ParseChildrenAttribute(false)]
public class PageMaster : System.Web.UI.UserControl
{
// 内容标签键
private const string PAGE_CONTENT_ID="VK_PageContentID";
//
protected ContentPlaceHolder masterHolder;

//------------------------------------------------------------
// PageMaster.ascx 控件加载函数
//------------------------------------------------------------
private void Page_Load(object sender, System.EventArgs e)
{
MapPageContent();
}

#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}

/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改此方法的内容
/// </summary>
private void InitializeComponent()
{
this.Load+=new System.EventHandler(this.Page_Load);
}
#endregion

/// <summary>
/// 设置或获取内容标签编号
/// </summary>
public string PageContentID
{
set
{
this.ViewState[PAGE_CONTENT_ID]=value;
}

get
{
return this.ViewState[PAGE_CONTENT_ID] as string;
}
}

//------------------------------------------------------------
// 映射内容控件
//------------------------------------------------------------
private void MapPageContent()
{
if(this.PageContentID==null)
return;

PageContent content=this.FindControl(PageContentID) as PageContent;

if(content==null)
throw new NullReferenceException("未映射 PageContent 控件");

masterHolder.Controls.Add(content);
}
}
}

属性“[System.Web.UI.ParseChildrenAttribute(false)]”，的目的是让PageMaster标签中可以放入子标签。

第二步：建立 ContentPlaceHolder.ascx 用户控件，这个控件不用做任何编辑

第三步：建立 PageContent.ascx 用户控件，也需要设置属性。

/// <summary>
/// PageContent 内容控件
/// </summary>
[System.Web.UI.ParseChildrenAttribute(false)]
public class PageContent : System.Web.UI.UserControl
{
//------------------------------------------------------------
// PageContent.ascx 控件加载函数
//------------------------------------------------------------
private void Page_Load(object sender, System.EventArgs e)
{
}

其他代码
}

控件编写已经完成了，现在可以使用这个母板了，建立 Default.aspx 文件

<%@ Page language="c#" Codebehind="Default.aspx.cs" AutoEventWireup="false" Inherits="WebHome.Default" %>
<%@ Register TagPrefix="WebHome" TagName="PageMaster" Src="CustomControl/PageMaster.ascx" %>
<%@ Register TagPrefix="WebHome" TagName="PageContent" Src="CustomControl/PageContent.ascx" %>

<WebHome:PageMaster runat="server" PageContentID="masterContent">
<WebHome:PageContent id="masterContent" runat="server">

这是一个测试

</WebHome:PageContent>
</WebHome:PageMaster>

这种母板文件的做法，.NET Framework 1.1 SP1 支持的最好。

因为SP1会把 <form></form> 标签在客户端翻译成：__aspnetForm 而不是 ctrl0:StartPageForm

ctrl0:StartPageForm 的命名，会造成提交上的错误...

有关更详细的代码和实例，你可以登陆：http://www.afritxia.net/WebHome/ 浏览或下载

...全文