ASP.NET 1.1 模拟 2.0 网页母板文件
2005-06-04 07:45
387 查看
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 窗体设计器生成的代码
... 无修改
#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/ 浏览或下载
第一步,建立一个用户控件: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 窗体设计器生成的代码
... 无修改
#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/ 浏览或下载
相关文章推荐
- ASP.NET1.1和2.0对于静态文件的不同处理
- ASP.NET 2.0中使用资源文件构造个性化网页实例
- 有些疑惑,一个普通的aspx页面的文件,IIS怎么知道改用 asp.net1.1还是 2.0来解释呢?
- asp.net 2.0的文件上传(突破上传限制4M)
- ASP.NET 2.0 中跨网页提交的三种方法(转载)
- ASP.NET 2.0 实现伪静态网页方法
- Scott Mitchell 的ASP.NET 2.0数据教程之54:上传文件
- Asp.net 2.0 用 FileUpload 控件实现多文件上传 用户控件(示例代码下载)
- ASP.NET 2.0,C#----利用GridView控件导出其他文件(导出Excel,导出Word文件)
- 网页优化系列二:使用Cache缓存静态文件、图片(asp.net版)
- ASP.NET 2.0 实现伪静态网页方法
- Asp.net 2.0中快速建立并使用资源文件
- asp.net 2.0 读写配置文件
- ASP.NET 2.0加密Web.config 配置文件
- Microsoft .NET Pet Shop 4:将 ASP.NET 1.1 应用程序迁移到 2.0
- ASP.NET 2.0中将 GridView 导出到 Excel 文件中
- 使用PHP的CURL模拟POST采集开了viewstate的asp.net网页数据
- ASP.NET 2.0中将 GridView 导出到 Excel 文件中
- Asp.net 2.0 文件下载[支持多线程, 断点续传功能](示例代码下载)
- asp.net网页里面为什么找不到CS文件