当前位置导航:炫浪网>>网络学院>>网页制作>>ASP.NET教程

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

欢迎进入.NET社区论坛,与200万技术人员互动交流 >>进入

现在的很多商业公司都设有不同的部门,而这些部门在公司的网站上都有自己的子网站。一般情况下,每一个部门都会根据自己的需要来维护各自的网站。这样做虽然会使公司的网站显得丰富多彩,但这却会对用户的访问带来不便,也就是说,由于各个部门的子网站没有保持一致性而使用户在浏览网站时造成了困难。幸运的是,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?http://www.xvna.com" />
                 </a>
               </td>
               <td align="right">
                 <img src="/MasterPage/images/header_image.gif?http://www.xvna.com"/>
               </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> 

 

相关内容
赞助商链接