在ASP.NET 2.0中操作数据之三：创建母版页和站点导航-前端开发

创建母版页和站点导航是ASP.NET 2.0中操作数据的重要技能，下面我们来详细讲解。

创建母版页和站点导航是ASP.NET 2.0中操作数据的重要技能，下面我们来详细讲解。

创建母版页

在ASP.NET 2.0中，我们可以通过使用母版页来实现页面的共同布局、样式和格式。下面是创建母版页的步骤：

创建一个新的Web Forms页面，例如MasterPage.master。
在该页面的头部添加Master指令，如下所示：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

在页面中添加一个头部、一个侧边栏和一个内容区域，如下所示：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!DOCTYPE html>
<html>
<head runat="server">
    <title></title>
    <asp:ContentPlaceHolder runat="server" ID="head">
    </asp:ContentPlaceHolder>
</head>
<body>
    <div id="sidebar">
        <asp:ContentPlaceHolder runat="server" ID="sidebar">
        </asp:ContentPlaceHolder>
    </div>
    <div id="content">
        <asp:ContentPlaceHolder runat="server" ID="content">
        </asp:ContentPlaceHolder>
    </div>
</body>
</html>

在该页面中，我们分别使用了三个ContentPlaceHolder控件来定义页面的头部、侧边栏和内容区域。这些控件的ID必须与母版页中定义的ID相同。

在需要使用母版页的Web Forms页面中添加MasterPageFile指令，并指定母版页的路径，如下所示：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" MasterPageFile="~/MasterPage.master" %>

在该页面中，我们使用MasterPageFile属性指定了母版页的路径，这样该页面就会显示母版页中定义的共同布局、样式和格式。

创建站点导航

在ASP.NET 2.0中，我们可以使用SiteMapPath控件来创建站点导航。下面是创建站点导航的步骤：

在Web.config文件中定义站点地图，如下所示：

<siteMap>
  <siteMapNode url="~/Default.aspx" title="Home"  description="Welcome to our site!" >
    <siteMapNode url="~/Products.aspx" title="Products"  description="Our products" >
      <siteMapNode url="~/Products/Books.aspx" title="Books"  description="Our books" />
      <siteMapNode url="~/Products/CDs.aspx" title="CDs"  description="Our CDs" />
    </siteMapNode>

    <siteMapNode url="~/Services.aspx" title="Services"  description="Our services" >
      <siteMapNode url="~/Services/Consulting.aspx" title="Consulting"  description="Our consulting services" />
      <siteMapNode url="~/Services/Support.aspx" title="Support"  description="Our support services" />
    </siteMapNode>

    <siteMapNode url="~/About.aspx" title="About"  description="About our company" >
      <siteMapNode url="~/About/ContactUs.aspx" title="Contact Us"  description="Contact information" />
      <siteMapNode url="~/About/History.aspx" title="History"  description="Our company history" />
    </siteMapNode>
  </siteMapNode>
</siteMap>

在该站点地图中，我们定义了多个siteMapNode节点，每个节点表示一个页面或页面的集合。每个节点都包含一个url属性、title属性和description属性，用来描述页面的URL、标题和描述。

在需要显示站点导航的Web Forms页面中添加SiteMapPath控件，如下所示：

<asp:SiteMapPath ID="SiteMapPath1" runat="server" />

在该控件中，我们使用了SiteMapPath控件来显示站点导航。当用户访问该页面时，该控件会根据站点地图创建站点导航。如果用户单击站点导航中的任何链接，则会跳转到相应的页面。

示例1：

例如，在一个电商网站中，我们可以使用母版页来定义网站的共同布局、样式和格式，例如页面的头部、侧边栏和内容区域。我们还可以使用站点导航来帮助用户浏览网站中的不同页面和功能。

示例2：

假设我们正在开发一个博客网站，该网站包括多个页面和功能，例如主页、文章页面、归档页面、搜索页面和联系页面。我们可以使用母版页来定义这些页面的共同布局、样式和格式，例如页面的头部、侧边栏和内容区域。我们还可以使用站点导航来帮助用户浏览网站中的不同页面和功能，例如通过导航到每个页面的链接来浏览博客文章、查找归档文章、搜索博客文章或与博客作者联系。

创建母版页

创建站点导航

基础教程推荐