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

导言

　　通常，用户友好的个性化站点都有着一致的，站点统一的页面布局和导航体系。Asp.net 2.0引入的两个新特性给我们在统一站点的页面布局和站点导航上提供了简单而有效的工具，它们是母板页和站点导航。母板页允许开发者创建统一的站点模板和指定的可编辑区域。这样，aspx页面只需要给模板页中指定的可编辑区域提供填充内容就可以了，所有在母板页中定义的其他标记将出现在所有使用了该母板页的aspx页面中。这种模式允许开发者可以统一的管理和定义站点的页面布局，因此可以容易的得到拥有统一的视觉和感觉的页面并且还易于更新。

　　站点导航系统允许开发者定义站点地图并提供了API以便通过程序查询站点地图信息。新的导航控件包括Menu,TreeView和SiteMapPath,这样可以很容易的在一个一般的导航用户界面元素里呈现全部或者部分站点地图。我们将使用默认的站点导航提供者，这意味着我们的站点地图将定义在一个xml格式的文件中。

　　为说明这些观念并且使我们的教程的示例站点可用性更佳，让我们通过本次课程定义一个站点统一的页面布局，实现一个站点地图，并且添加导航UI。在这个课程结束时我们的课程示例站点就拥有一个优美的设计效果了。

图1：本课程的最终成果

步骤1：创建母板页

　　第一步是为我们的站点创建母板页。到目前为止我们的站点只有一个类型化的DataSet（Northwind.xsd,位于App_Code文件夹），业务逻辑层类库（ProductsBLL.cs,CategoriesBLL.cs等等，这些都在App_Code文件夹里），数据库（NORTHWIND.MDF,位于App_Data文件夹），配置文件（web.config）,和一个CSS文件（Style.css）。
我整理这些页面和文件以说明前面两次课程中介绍的数据访问层和业务逻辑层将会在以后课程的更多细节中重用这些示例。

图2：我们项目中的文件

　　要创建一个母板页，用右键点击解决方案管理器中的项目名称并选择添加新项。然后从模板列表窗口中选择母板类型并且命名为Site.master

图3：添加一个母板页到站点中

　　在母板页中定义站点统一的页面布局。你可以用设计视图定义你需要的布局或者控件，你还可以手动的在代码视图中添加标记。在我们的母板页中使用了定义在外部文件Style.css中的层叠样式表来定义位置和风格。也许你不知道下面这些标记怎样显示，样式表规则定义了导航用的<div>标签中的内容绝对定位在页面的左边并且宽度固定为200像素。

Site.master

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
 <title>Working with Data Tutorials</title>
 <link href="Styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
 <div id="wrapper">

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

  <div id="header">
  <span class="title">Working with Data Tutorials</span>
  <span class="breadcrumb">
   TODO: Breadcrumb will go here...</span>
  </div>

  <div id="content">
  <asp:contentplaceholder id="MainContent"
   runat="server">
   <!-- Page-specific content will go here... -->
  </asp:contentplaceholder>
  </div>

  <div id="navigation">
  TODO: Menu will go here...
  </div>
 </form>
 </div>
</body>
</html>

　　一个母板页定义了固定的布局和可以被那些使用了母板页的aspx页面填充的可编辑区域
这个可编辑区域是通过ContentPlaceHolder控件显示，位于<div>标记中。我们的母板页中只有一个ContentPlaceHolder(MainContent),但是母板页中是可以包含多个ContentPlaceHolder控件的。

　　输入上面的标记，切换到设计视图观察母板页的布局。所有的使用了这个母板页的aspx页面都会有这样统一的布局，而MainContent区域是留给aspx页面展现自己才华的地方。

图4：在设计视图中显示的母板页

步骤2：给站点添加一个主页

　　定义母板页后，我们准备给站点添加一些aspx页面。让我们从添加我们的首页Degault.aspx开始吧。在解决方案管理器中右键点击项目名称并且选择添加新建项目。从模板列表中选择Web Form选项并且命名为Default.aspx。并且，勾上“选择母板页”的复选框。

图5：添加一个新Web Form并且勾上“选择母板页”的复选框

点击确定按钮后，将会询问你新建的这个aspx页面使用哪个母板页。也许你有多个母板页在你的项目中，但是我们只有一个。

图6：选择你要使用的母板页

选择母板页后，新建的aspx会包含下面这些标记：

Default.aspx

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
 CodeFile="Default.aspx.cs" Inherits="_Default" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent"
 Runat="Server">
</asp:Content>

　　在@Page指令中有一个指向母板页的引用(MasterPageFile=”~/Site.master”),并且aspx页面的标记中包含了一个Content控件对应母板页中定义的ContentPlaceHolder控件，这个Content控件的ContentPlaceHolderID属性映射到指定的ContentPlaceHolder控件。你可以在Content控件中放置你想显示在相应ContentPlaceHolder控件位置的标记。

设置@Page指令的Title属性为Home并且添加一些欢迎词到Content控件中：

Default.aspx

<%@ Page Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
 CodeFile="Default.aspx.cs" Inherits="_Default" Title="Home" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent"
 Runat="Server">
 <h1>Welcome to the Working with Data Tutorial Site</h1>

 <p>This site is being built as part of a set of tutorials that
illustrate some of the new data access and databinding features in
ASP.NET 2.0 and Visual Web Developer.</p>

 <p>Over time, it will include a host of samples that
demonstrate:</p>

 <ul>
 <li>Building a DAL (data access layer),</li>
 <li>Using strongly typed TableAdapters and DataTables</li>
 <li>Master-Detail reports</li>
 <li>Filtering</li>
 <li>Paging,</li>
 <li>Two-way databinding,</li>
 <li>Editing,</li>
 <li>Deleting,</li>
 <li>Inserting,</li>
 <li>Hierarchical data browsing,</li>
 <li>Hierarchical drill-down,</li>
 <li>Optimistic concurrency,</li>
 <li>And more!</li>
 </ul>
</asp:Content>

@Page指令中的Title属性允许我们可以在aspx页面定义标题，即使母板页中已经定义了<title>元素。我们还可以使用Page.Title的编程方式设置页面的标题。需要注意的是母板页中引用的样式表（如Style.css）会自动校正以应用到每个aspx页面中，这是与aspx页面的目录和母板页目录之间的关系无关。

　　切换到设计视图我们会看到我们的页面将在浏览器中的显示效果。注意：在设计视图里，aspx页面的内容只有可编辑区域可以被修改，在母板页定义的非ContentPlaceHolder部分标记被显示成灰色。

图7：在设计视图中显示的可编辑区域及非可编辑区域

　　当Default.aspx页面被浏览器访问时，asp.net引擎会合并母板页的内容和aspx页的内容，并且将合并的内容呈现为最终的HTML发送到浏览器。当母板页的内容被更新，所有使用了这个母板页的aspx页面会在下次被请求时重新和新的母板页内容合并。简单的说，母板页模型允许定义一个统一的布局模板（母板页），当它改变时整个站点会反应这种改变。
添加更多的页面到站点中
让我们花一点时间添加另外的页面到站点中，以便支持最终的各种各样的课程的示例。这里总共会有超过35个示例，所以我们先创建一部分。以后会有很多类别的示例，为了更好的管理这些示例我们给每个分类添加一个文件夹。现在我们添加三个文件夹：
· BasicReporting
· Filtering
· CustomFormatting
最后，如图8所示向解决方案管理器中添加新文件。每添加一个文件的时候记住要勾上“选择母板页”的复选框。

图8：添加下列文件

第三步：添加站点地图

　　管理一个由大量网页组成的网站的其中一个挑战是要为访问者浏览网站提供一个捷径。作为开始，站点的导航结构必须被定义。下一步，这个结构必须转换成适于导航的用户界面元素，比如菜单或者位置导航。当有新页面添加到站点和已有的页面被移除的时候这个过程将要修改和校正。

　　在asp.net 2.0以前，开发者需要自己创建站点导航结构，维护它并且将它转化为适于导航的用户界面元素。在asp.net 2.0里，开发者可以利用非常灵活的且内置的站点导航系统。Asp.net 2.0站点导航系统允许开发者定义一个站点地图并且提供了可以访问这些信息的API。

　　默认的Asp.net站点地图提供者期望站点地图信息存储在xml格式的文件中。但是，建立在提供者模型上的站点导航系统是可以被扩展的以支持多种方式储存的站点地图。Jeff Prosise的文章，The SQL Site Map Provider You've Been Waiting For展示了怎样创建将站点地图存储在SQL Server数据库里的提供者；另外一个选择是基于文件系统的站点地图提供者。
在这个指南中，我们仍然使用ASP.NET2.0里默认的站点地图提供者。要创建站点地图，在解决方案管理器里右键点击项目名称，选择添加新项，然后选择站点地图类型。命名为Web.sitemap然后单击添加按钮。

图9：向你的项目中添加站点地图

　　站点地图文件是一个xml文件。注意：Visual Studio可以为站点地图结构提供智能感知。站点地图文件必须含有<siteMap>作为根节点，它必须至少含有一个<siteMapNode>子节点。这个<siteMapNode>元素又可以包含任意数量的<siteMapNode>子元素。

　　站点地图模拟了文件系统。为每个文件夹添加一个<siteMapNode>元素，并且为每个aspx页面添加一个<siteMapNode>子元素，如此：

Web.sitemap:

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >

 <siteMapNode url="~/Default.aspx" title="Home" description="Home">
 <siteMapNode title="Basic Reporting"
 url="~/BasicReporting/Default.aspx"
 description="Basic Reporting Samples">
 <siteMapNode url="~/BasicReporting/SimpleDisplay.aspx"
  title="Simple Display"
  description="Displays the complete contents
  of a database table." />
 <siteMapNode url="~/BasicReporting/DeclarativeParams.aspx"
  title="Declarative Parameters"
  description="Displays a subset of the contents
  of a database table using parameters." />
 <siteMapNode url="~/BasicReporting/ProgrammaticParams.aspx"
  title="Setting Parameter Values"
  description="Shows how to set parameter values
  programmatically." />
 </siteMapNode>

 <siteMapNode title="Filtering Reports"
 url="~/Filtering/Default.aspx"
 description="Samples of Reports that Support Filtering">
 <siteMapNode url="~/Filtering/FilterByDropDownList.aspx"
  title="Filter by Drop-Down List"
  description="Filter results using a drop-down list." />
 <siteMapNode url="~/Filtering/MasterDetailsDetails.aspx"
  title="Master-Details-Details"
  description="Filter results two levels down." />
 <siteMapNode url="~/Filtering/DetailsBySelecting.aspx"
  title="Details of Selected Row"
  description="Show detail results for a selected item in a GridView." />
 </siteMapNode>

 <siteMapNode title="Customized Formatting"
  url="~/CustomFormatting/Default.aspx"
  description="Samples of Reports Whose Formats are Customized">
 <siteMapNode url="~/CustomFormatting/CustomColors.aspx"
  title="Format Colors"
  description="Format the grid s colors based
  on the underlying data." />
 <siteMapNode
  url="~/CustomFormatting/GridViewTemplateField.aspx"
  title="Custom Content in a GridView"
  description="Shows using the TemplateField to
  customize the contents of a field in a GridView." />
 <siteMapNode
  url="~/CustomFormatting/DetailsViewTemplateField.aspx"
  title="Custom Content in a DetailsView"
  description="Shows using the TemplateField to customize
  the contents of a field in a DetailsView." />
 <siteMapNode url="~/CustomFormatting/FormView.aspx"
  title="Custom Content in a FormView"
  description="Illustrates using a FormView for a
  highly customized view." />
 <siteMapNode url="~/CustomFormatting/SummaryDataInFooter.aspx"
  title="Summary Data in Footer"
  description="Display summary data in the grids footer." />
 </siteMapNode>

 </siteMapNode>

</siteMap>

站点地图定义了这个站点的导航结构，它是层次结构的以便描述站点中各种各样的区域。在Web.sitemap中的每个<siteMapNode>元素描述了一个站点结构中的一个区域。

图10：站点地图描述了一个层次的导航结构

　　Asp.net通过DotNET 框架中的SiteMap类显示站点地图的结构。这个类有一个CurrentNode属性，它返回当前用户正在访问的节点的信息；RootNode属性返回站点地图的根节点信息（在我们的站点地图中是Home）。CurrentNode呵RootNode属性都返回SiteMapNode实例，SiteMapNode包含ParentNode,ChildNodes,NextSibling,PreviousSibling等属性，这些属性允许站点地图的层次可以被遍历。

步骤4：利用站点地图显示菜单

　　在asp.net 2.0中我们可以像asp.net 1.x一样，有多种编程方式可以访问数据，还可以通过新的数据源控件访问。
这里有多个内置的数据源控件，比如用来访问关系数据库数据的SqlDataSource控件，用来访问类所提供的数据的ObjectDataSoruce控件等等。你还可以创建你自己的自定义数据源控件。

　　数据源控件作为你的aspx页面和底层数据的代理。为了显示数据源控件查询到的数据，我们要添加其他Web控件到页面上，并且将它和数据源控件绑定。要绑定一个Web控件到一个数据源控件，只需要简单的设置这个Web控件的DataSourceID属性值为数据源控件的ID属性值。

　　为了获取站点地图中的数据，asp.net提供了SiteMapDataSource控件，它允许我们绑定一个Web控件来显示我们的站点地图。TreeView和Menu这两个Web控件常常用来提供导航用户界面。要绑定站点地图中的数据到这两个控件，添加一个SiteMapDataSource控件到页面中，设置TreeView或者Menu控件的DataSourceID属性值为SiteMapDataSource控件的ID属性值就可以了。举个例子，我们可以用下面这些标记将Menu控件到母板页中：

<div id="navigation">
 <asp:Menu ID="Menu1" runat="server"
 DataSourceID="SiteMapDataSource1">
 </asp:Menu>

 <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
</div>

为了生成优化的HTML，我们可以绑定SiteMapDataSource控件到Repeater控件，如下：

<div id="navigation">
 <ul>
 <li><asp:HyperLink runat="server" ID="lnkHome"
  NavigateUrl="~/Default.aspx">Home</asp:HyperLink></li>

 <asp:Repeater runat="server" ID="menu"
  DataSourceID="SiteMapDataSource1">
  <ItemTemplate>
  <li>
   <asp:HyperLink runat="server"
   NavigateUrl='<%# Eval("Url") %>'>
   <%# Eval("Title") %></asp:HyperLink>
  </li>
  </ItemTemplate>
 </asp:Repeater>
 </ul>

 <asp:SiteMapDataSource ID="SiteMapDataSource1"
 runat="server" ShowStartingNode="false" />
</div>

　　SiteMapDataSource控件每次返回站点地图层次中的一级，从站点地图中的根节点开始(在我们的站点地图中是Home),然后是下一个级(Basic Reporting,Filtering Reports和Customized Formatting)等等。
当将SiteMapDataSource绑定到Repeater时，它遍历第一级并且用ItemTemplate显示第一级的每个SiteMapNode实例。我们可以使用Eval(属性名称)访问SiteMapNode的细节，这样我们就可以得到SiteMapNode的Url和Title属性给HyperLink控件。
下面显示的是上面使用Repeater控件例子生成的HTML标记：

<li>
 <a href="/Code/BasicReporting/Default.aspx">Basic Reporting</a>
</li>

<li>
 <a href="/Code/Filtering/Default.aspx">Filtering Reports</a>
</li>

<li>
 <a href="/Code/CustomFormatting/Default.aspx">
 Customized Formatting</a>
</li>

　　从上面可以看出，站点地图的第二级节点(Basic Reporting,Filtering Reports和Customized Formatting)被显示而不是第一个。

　　这是因为SiteMapDataSource控件的ShowStartingNode属性被设为false，导致SiteMapDataSource跳过了站点地图的根节点取而代之的是从站点地图的层次的第二级开始返回信息。
为了显示Basic Reporting,Filtering Reports和Customized Formatting的子SiteMapNode，我们可以向先前的Repeater的ItemTemplate里添加另外一个Repeater。第二个Repeater将绑定到SiteMapNode实例的子结点属性，如下：

<asp:Repeater runat="server" ID="menu" DataSourceID="SiteMapDataSource1">
 <ItemTemplate>
 <li>
  <asp:HyperLink runat="server"
  NavigateUrl='<%# Eval("Url") %>'>
  <%# Eval("Title") %></asp:HyperLink>

  <asp:Repeater runat="server"
  DataSource='<%# ((SiteMapNode) Container.DataItem).ChildNodes %>'>
  <HeaderTemplate>
   <ul>
  </HeaderTemplate>

  <ItemTemplate>
   <li>
   <asp:HyperLink runat="server"
    NavigateUrl='<%# Eval("Url") %>'>
    <%# Eval("Title") %></asp:HyperLink>
   </li>
  </ItemTemplate>

  <FooterTemplate>
   </ul>
  </FooterTemplate>
  </asp:Repeater>
 </li>
 </ItemTemplate>
</asp:Repeater>

这两个Repeater生成的HTML标记（为了节省篇幅一些标记被移除了）：

<li>
 <a href="/Code/BasicReporting/Default.aspx">Basic Reporting</a>
 <ul>
 <li>
  <a href="/Code/BasicReporting/SimpleDisplay.aspx">
  Simple Display</a>
 </li>
 <li>
  <a href="/Code/BasicReporting/DeclarativeParams.aspx">
  Declarative Parameters</a>
 </li>
 <li>
  <a href="/Code/BasicReporting/ProgrammaticParams.aspx">
  Setting Parameter Values</a>
 </li>
 </ul>
</li>

<li>
 <a href="/Code/Filtering/Default.aspx">Filtering Reports</a>
 ...
</li>

<li>
 <a href="/Code/CustomFormatting/Default.aspx">
 Customized Formatting</a>
 ...
</li>

使用的CSS风格选择自Rachel Andrew的书：The CSS Anthology: 101 Essential Tips, Tricks, & Hacks，<ul>和<li>元素的风格将显示如下：

图11：用两个Repeater和一些CSS显示的菜单

　　这个菜单在母板页中定义的，绑定了在Web.sitemap中定义的站点地图，这意味着所有站点地图的修改会立即反应到所有使用了Site.master母板页的页面。

关掉视图状态

　　所有的asp.net控件可以随意的保持它们的状态到View State（译注：当原文中采用的是开头字母大写的ViewState将不翻译）中，最终生成HTML时它被系列化并保存在一个隐藏的表单域中。控件用ViewState来记忆它们在页面返回时被程序改变的状态，比如Web控件绑定的数据。如果视图状态允许信息可以在页面返回时保持，它会增大发送到客户端HTML代码的尺寸，如果在没有确切的监控下会使页面膨胀得很厉害。数据显示控件－尤其是GridView控件－会显著地增加大量的额外的标记到页面中。当然，这些增长可能对宽带用户毫无影响，但是视图状态会给拨号上网的用户增加几秒钟的延迟。

　　要观察视图状态的影响，在浏览器里打开这个页面然后查看页面的源代码(对于Internet Explorer,点击”查看”菜单并且选择源代码选项)。你还可以打开页面跟踪选项以观察这个页面上每个控件的视图状态。视图状态的信息被系列化并放在位于跟随在<form>标签后面的<div>元素里的名为_VIEWSTATE的隐藏表单域中。

　　视图状态只在页面上使用了Form时才会被保持；如果你的aspx页面没有包含
<form runat=”server”>的声明，那么最后产生的HTML标记中将不含有VIEWSTATE隐藏表单域。

母板页产生的VIEWSTATE隐藏表单域大概有1800个字节。这些额外的数据主要是SiteMapDataSource控件为Repeater控件提供的数据内容产生的。也许1800字节左右看起来还不算很多，但是使用了GridView并且使用了很多字段和记录的视图状态很容易就膨胀10倍或更多。

　　可以将EnableViewState属性设为false在页面级或者控件级关闭视图状态，从而可以减少产生的标记的大小。Web控件利用视图状态在页面返回时保持要绑定到数据显示控件的数据，当关闭了数据显示控件的视图状态后，在每次页面返回时都必须重新绑定数据到控件。在asp.net 1.x的时候这个职责落到开发者身上；在asp.net 2.0里，页面返回时，数据显示控件会在必要的时候重新绑定数据。

　　设置Repeater控件的EnableViewState为false可以减少页面的视图状态。可以通过属性窗口设置或者在代码视图里手动修改。通过这些改变,Repeater标记将会像这样：

<asp:Repeater runat="server" ID="menu" DataSourceID="SiteMapDataSource1"
 EnableViewState="False">
 <ItemTemplate>
 ... <i>ItemTemplate contents omitted for brevity</i> ...
 </ItemTemplate>
</asp:Repeater>

　　经过这些变化，页面产生的视图状态减少到52个字节，减少了97％的视图状态数据！在这个指南系列里我会关闭所有数据控件的视图状态以减少产生标记的大小。在大多数例子里会在没有提示的情况下将EnableViewState属性设为false。

　　仅有当数据Web控件必须打开它的视图状态才能提供期望的功能的情况下我们才讨论。

步骤5：添加breadcrumb导航

　　为完成母板页，让我们给每个页面添加一个breadcrumb导航UI元素。breadcrum导航会快速的显示用户当前在站点中的位置。添加一个breadcrumb导航在asp.net 2.0中是简单的－只要添加一个SiteMapPath控件到页面上就可以了；不需要更多的代码。
在我们的站点中，添加这个控件到头部的<div>标签中：

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

breadcrum导航控件显示了用户当前访问的页面以及它的父级节点，直至到根节点（在我们的站点地图中是Home）。

图12：利用位置导航控件显示在站点地图层次中的当前页面及其父页面

步骤6：给每个部分添加默认页面

　　在我们的站点中这个课程被分成不同的分类－Basic Reporting,Filtering,Custom Formatting等等－每个分类有一个文件夹并且有对应课程的aspx页面。并且，每个文件夹里包含一个Default.aspx页面。在这个默认页面中，将显示这个部分的所有课程。比如，我们可以通过BasicReporting文件夹里的Default.aspx页面连接到SimpleDisplay.aspx,DeclarativeParams.aspx和ProgrammaticParams.aspx。这里，我们可以再次使用SiteMap类和一个数据显示控件显示定义在Web.sitemap文件内的站点地图的信息。

让我们再次使用Repeater显示一个无序列表，不过这次我们会显示指南的标题和描述。我们需要在每个Default.aspx页面重复这些标记和代码，我们可以将这个UI逻辑封装成一个User Control。在站点中添加一个名为UserControls的文件夹并添加一个名为SectionLevelTutorialListing.ascx的Web用户控件，它包含一下标记：

图13：向UserControls文件夹里添加新Web用户控件

SectionLevelTutorialListing.ascx

<%@ Control Language="CS" AutoEventWireup="true"
 CodeFile="SectionLevelTutorialListing.ascx.cs"
 Inherits="UserControls_SectionLevelTutorialListing" %>
<asp:Repeater ID="TutorialList" runat="server" EnableViewState="False">
 <HeaderTemplate><ul></HeaderTemplate>
 <ItemTemplate>
 <li><asp:HyperLink runat="server"
  NavigateUrl='<%# Eval("Url") %>'
  Text='<%# Eval("Title") %>'></asp:HyperLink>
  - <%# Eval("Description") %></li>
 </ItemTemplate>
 <FooterTemplate></ul></FooterTemplate>
</asp:Repeater>

SectionLevelTutorialListing.ascx.cs

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class UserControls_SectionLevelTutorialListing : UserControl
{
 protected void Page_Load(object sender, EventArgs e)
 {
 // If SiteMap.CurrentNode is not null,
 // bind CurrentNode ChildNodes to the GridView
 if (SiteMap.CurrentNode != null)
 {
  TutorialList.DataSource = SiteMap.CurrentNode.ChildNodes;
  TutorialList.DataBind();
 }
 }
}

　　在前面的Repeater例子中我将SiteMap的数据绑定到Repeater上；当然，这个SectionLevelTutorialListing用户控件也将使用这种方法。在Page_Load事件里，有一个检测程序以确保这是否是第一次访问该页面（不是返回）并且这个页面的URL要映射到站点地图中的一个节点。如果页面使用了这个用户控件，那么就没有对应的
<siteMapNode>,SiteMap.CurrentNode会返回null并且将没有数据绑定到Repeater控件。假设我们有一个CurrentNode,我可以将它的ChildNodes集合绑定到这个Repeater。每个部分的Default.aspx页面是这个部分内教程的父节点，这些代码会展示每个部分内教程的连接和描述，下面是屏幕截图：
一旦这个Repeater创建好后，在设计视图里打开每个文件夹的Default.aspx页面，将这个用户控件拖到你要显示的地方。

图14：用户控件已经添加到Default.aspx页面上

图15：Basic Reporting指南的列表

总结

完成站点地图和母板页后，现在我们的教程站点拥有统一的页面布局和导航体系。尽管我们的站点有很多页面，但是我们可以集中的更新站点页面布局和站点导航信息。明确一点，页面布局信息在母板页Site.master中定义，站点地图在Web.sitemap中定义。我们不需要写任何代码就完成了站点页面布局和导航机制，Visual Studio提供了所见即所得的设计时支持。
完成了数据访问层和业务逻辑层并且定义了一个统一的页面布局和站点导航系统，下一步我们将探索通用报表模式。在接下来的三个指南里我们将会看到基本报表任务-用GridView,DetailsView和FormView控件显示从业务逻辑层获取的数据。

祝编程快乐!

作者简介

Scott Mitchell，著有六本ASP/ASP.NET方面的书，是4GuysFromRolla.com的创始人，自1998年以来一直应用微软Web技术。Scott是个独立的技 术咨询顾问，培训师，作家，最近完成了将由Sams出版社出版的新作，24小时内精通ASP.NET 2.0。他的联系电邮为mitchell@4guysfromrolla.com，也可以通过他的博客http://ScottOnWriting.NET与他联系。

赞 (0)

相关推荐

  • 在ASP.NET 2.0中操作数据之五十一：从GridView的页脚插入新记录

    在ASP.NET 2.0中操作数据之五十一：从GridView的页脚插入新记录

    导言: 正如教程<概述插入.更新和删除数据>里探讨过的一样, GridView, DetailsView和FormView Web控件都有内置的修改数据的功能.当声明绑定到数据源控件时,可以快速而方便地修改数据--甚至不用写一行代码.不幸的是,只有DetailsView和FormView控件提供了内置的插入.编辑.删除功能,而 GridView控件只支持编辑.删除功能.不过,稍许努力,我们就能使GridView控件包含一个插入界面. 为了给GridView添加插入功能,我们要决定如何添加新记录

  • ASP.NET中母版页和shtml实例入门

    本文较为深入浅出的分析了ASP.NET中母版页和shtml.分享给大家供大家参考.具体分析如下: 母版页 创建和使用母版页: 1. 创建Webform的母版页(MasterPage) 2. 创建使用母版页的窗体(ContentPage). 3. 母版页使用ContentPlaceHolder挖坑,"使用母版页的窗体"用Content填坑 母版页是服务器帮我们将页面拼接response给浏览器的. 但是,母版页太笨重.推荐使用shtml. shtml ServerSideInclude(

  • ASP.NET下母版页和内容页中的事件发生顺序整理

    母版页控件 Init 事件. 内容控件 Init 事件. 母版页 Init 事件. 内容页 Init 事件. 内容页 Load 事件. 母版页 Load 事件. 内容控件 Load 事件. 内容页 PreRender 事件. 母版页 PreRender 事件. 母版页控件 PreRender 事件. 内容控件 PreRender 事件.

  • ASP.NET母版页基础知识介绍

    ASP.NET母版页基础知识介绍

    模板页是做什么的? 利用模板页可以方便快捷的创建统一风格的ASP.NET网站,并且容易管理和维护,提高了效率. 模板页为网页定义所需要的外观和标准,在母版的基础上创建包含显示内容的各个内容页.当用户请求内容页时,这些内容页与母版页合并,这样,模板页的布局与内容页的布局就可以组合在一起输出了. 模板页一般用来: 1.通过修改模板页来处理网页的通用功能. 2.可以方便的创建一组控件和代码,并应用于一组网页. 3.通过允许控制占位符控件的呈现方式,模板页可以在细节上控制最终页的布局. 模板页与普通页

  • ASP.Net巧用窗体母版页实例

    本文实例讲述了ASP.Net巧用窗体母版页的方法.分享给大家供大家参考.具体分析如下: 背景:每个网页的基本框架结构类似: 浏览网站的时候会发现,好多网站中,每个网页的基本框架都是一样的,比如,最上面都是网站的标题,中间是内容,最下面是网站的版权.开发提供商等信息: 在这些网页中,表头.底部的样式和内容都是一样的,不同的只是中间的内容. 因此在制作网站时,可以将这些共同的东西分离出来,放到"窗体母版页"中,在需要的时候嵌套就可以. 巧用窗体母版项: 下面就开始行动(本文是以Visual

  • asp.net利用母版制作页脚效果

    asp.net利用母版制作页脚效果

    本文为大家分享了asp.net利用母版制作页脚的具体过程,供大家参考,具体内容如下 1.母版创建流程略过. 2.创建母版页css:Site.css body { } .linkButton{ text-decoration:none; color:whitesmoke; } 3.母版页添加页脚. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="ser

  • asp.net使用母版页中使用ajax脚本取数据

    方法如下: 1. 页面中拖入ScriptManager.以便于使用Ajax脚本.同时放在其它客户端控件,用于触发NetPost方法.这里不列出客户端控件. 复制代码 代码如下: <asp:ScriptManager ID="smMaster" runat="server" ScriptMode="Auto" EnablePageMethods="true"> </asp:ScriptManager> 2

  • asp.net母版页如何使用

    asp.net母版页如何使用

    计算机专业的很多同学临近毕业了,才着急怎么做一个毕业设计来进行答辩,很短的时间是不可能完成的,今天就先跟着小编的步伐,学习asp.net母版页的使用,快速掌握这个实用技巧,相信一定在大家的毕业设计过程中发挥巨大的作用. 工具/原料 Visual Studio 2008 方法/步骤 打开Visual Studio 2008,点击[文件][打开网站]找到网站根目录文件夹,点击[打开] 在网站根目录上单击右键,选择[添加新项] 在弹出的[添加新项]选择[母版页]默认使用名称,点击[添加] 打开母版页的

  • ASP.NET 2.0 中的创建母版页

    ASP.NET 2.0 中的创建母版页

    虽然母版页和内容页功能强大,但是其创建和应用过程并不复杂.本节和下一节将以创建如图1所示示例为例,向读者详细介绍,使用Visual Stuido 2005创建母版页和内容页的方法以及相关知识.本节的重点是创建母版页的方法. 母版页中包含的是页面公共部分,即网页模板.因此,在创建示例之前,必须判断哪些内容是页面公共部分,这就需要从分析页面结构开始.图1所示显示的是一个页面截图.在下文中,暂称该页面名为Index.aspx,并且假设其为某网站中的一页.通过分析可知,该页面的结构如图5所示. 图5 页

  • 在ASP.NET 2.0中操作数据之十五：在GridView的页脚中显示统计信息

    在ASP.NET 2.0中操作数据之十五：在GridView的页脚中显示统计信息

    导言 除了需要了解产品的单价.库存量和订货量,并按等级排序之外,用户可能还对统计信息感兴趣,比如说平均价格.库存总量等等.这些统计信息常常显示在报表最下面的一个统计行中.GridView控件可以含有一个页脚行,我们可以通过编程将统计数据插入到它的单元格里面去.这个任务给了我们以下3个挑战: 1.配置GridView以显示它的页脚行 2.确定统计数据.即我们应该如何计算平均价格还有库存总量? 3.将统计信息插入到页脚行的相应的单元格中 在本节教程中,我们将会看到如何去征服这些挑战.另外呢,我们将创

随机推荐