在ASP.NET2.0中实现主页嵌套(1)

扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条

ASP.NET2.0为我们提供主页嵌套来解决网站内部各部门的子网站没有保持一致性而使用户在浏览网站时造成了困难，供大家参考！

作者：天极网来源：天极网 2007年9月2日

现在的很多商业公司都设有不同的部门，而这些部门在公司的网站上都有自己的子网站。一般情况下，每一个部门都会根据自己的需要来维护各自的网站。这样做虽然会使公司的网站显得丰富多彩，但这却会对用户的访问带来不便，也就是说，由于各个部门的子网站没有保持一致性而使用户在浏览网站时造成了困难。幸运的是，ASP.NET2.0为我们提供了一种解决方案，这就是主页嵌套。

建立嵌套主页

首先需要建立一个标准的主页，在这个主页上需要加上一些共用的东西，如公司的Logo、公司名称、页脚以及菜单等，而每个部门的子网站必须使用这个标准的主页。每一个部门可以根据自己的业务需要建立各自的主页，然后将这些部门的主页嵌入刚才建立的标准中。这样做无论对最终的用户还是对每个部门都是有好处的，对于最终用户，无论他访问哪个部门的网站，都会看到同样的Logo、菜单以及页脚。而对于部门来说，他们可以自己建立一个内嵌的主页，这个主页的内容可以根据自己部门的业务需要而定。这就象是一个OCX控制嵌在网页上一样。

为了理解如何建立嵌套主页，下面让我们看一个例子。首先给出一个标准主页的例子。

<%@ Master Language="C#" AutoEventWireup="true" 

CodeFile="WebsiteMasterPage.master.cs" Inherits="WebsiteMasterPage" %> 

<html> 

<head runat="server" id="head"> 

<title>标准主页例子</title> 

</head> 

<body> 

<form id="form1" runat="server"> 

<table width="100%"> 

<tr> 

<td bgcolor="#006633" colspan="2"> 

<table border="0" cellpadding="0" cellspacing="0" width="100%"> 

<tr> 

<td align="left"> 

<a href="/MasterPage/Default.aspx"> 

<img alt="Home Page" border="0" src="/MasterPage/images/logo.gif" /> 

</a> 

</td> 

<td align="right"> 

<img src="/MasterPage/images/header_image.gif"/> 

</td> 

</tr> 

</table> 

</td> 

</tr> 

<tr> 

<td width="25%"> 

<font color="#3300FF">部门1 <br /> 部门2 <br /></font> 

</td> 

<td width="75%"> 

<asp:ContentPlaceHolder ID="Main" runat="server"> 

</asp:ContentPlaceHolder> 

</td> 

</tr> 

<tr> 

<td colspan="2"> </td> 

</tr> 

<tr> 

<td bgcolor="#0000FF" colspan="2"> 

<font color="#FFFF00">注脚</font> 

</td> 

</tr> 

</table> 

</form> 

</body> 

</html>

上面的标准主页定义了公司的Logo、注脚和菜单的位置。还定义了部门的主页要嵌入的位置（这个要使用ContentPlaceHolder控件）。部门主页的代码中和上面的代码有些不同，在部门主页的代码中需要引用上述的标准主页。这个可以通过在部门主页代码中加入MasterPageFile属性实现。下面是一个部门的主页代码：

<%@ Master MasterPageFile="~/Templates/WebsiteMasterPage.master" Language="C#"   
AutoEventWireup="true" CodeFile="NestedMasterPage.master.cs"   
Inherits="NestedMasterPage" %> 

<asp:Content ID="Content1" ContentPlaceHolderID="Main" runat="server"> 

<table width="100%"> 

<tr> 

<td style="background-color:BLUE; font-weight: bold; coloar: white"> 

<font color="#FFFF00" >部门主页 </font> 

</td> 

</tr> 

<tr> 

<td> 

<asp:ContentPlaceHolder ID="NestedMain" runat="server" /> 

</td> 

</tr> 

</table> 

</asp:Content>

从上面的代码可以看出其中引用了标准主页WebsiteMasterPage.master。而且还定义了一个服务端控件来引用在标准主页中定义的ContentPlaceHolder的ID（ID为Main）。由于部门主页被嵌套在标准主页中，因此，必须使用Content服务端控件。还有就是必须加入ContentPlaceHolder控件，这个控件指示了部门主页显示的位置。

在ASP.NET2.0中实现主页嵌套(1)

VIP专区

VIP用户

普通用户

邮件订阅

如果您非常迫切的想了解IT领域最新产品与技术信息，那么订阅至顶网技术邮件将是您的最佳途径之一。

重磅专题

往期文章

在ASP.NET2.0中实现主页嵌套(1)

业界热点: