ASP.NET母版页与网站导航

ASP.NET母版页与网站导航2010-11-05 MSDN 简介

用户友好网站的一个共同特征是其具有一致的站点级页面布局和导航模式。ASP.NET 2.0 引入了两种新功能，它们极大地简化了站点级页面布局和导航模式的实现过程。这两种功能是：母版页和网站导航。母版页允许开发人员创建具有指定的可编辑区域的站点级模板。随后，此模板可应用到网站中的 ASP.NET 页面上。这些 ASP.NET 页面只需为母版页中指定的可编辑区域提供相应内容 – 在使用母版页的所有 ASP.NET 页面中，母版页中的所有其它标记都相同。此模型允许开发人员定义并集中实现站点级页面布局。因此，开发人员可以方便地为所有页面创建一致的外观，并进行轻松的更新。

网站导航系统为网页开发人员提供了定义站点地图的机制，同时还提供了 API，允许开发人员通过来查询该站点地图。使用新的导航 Web 控件（Menu、TreeView 和 SiteMapPath），开发人员可以轻松地在普通的导航用户界面元素中呈现全部或部分站点地图。在本篇教程中，我们将使用默认的网站导航提供者，即，我们的站点地图将在 XML 格式的文件中定义。

为阐明这些概念并提高教程网站的可用性，在本篇教程中，我们将定义一个站点级页面布局，实现站点地图并添加导航 UI。在本教程结束时，我们将拥有完善的网站设计方案来构建教程网页。

图1: 教程结束时完成的网站

步骤 1：创建母版页

第一个步骤是为该网站创建母版页。此时，我们的网站仅包含以下内容：Typed DataSet（Northwind.xsd，位于 App_Code 文件夹中）、BLL 类（App_Code 文件夹中的 ProductsBLL.vb、CategoriesBLL.vb 等）、数据库（NORTHWND.MDF，位于 App_Data 文件夹中）、配置文件（Web.config）和一个 CSS 样式表文件（Styles.css）。我从前两个教程中删除了使用 DAL 和 BLL 演示的页面和文件，因为我们还会在后面的教程中再次详细介绍这些示例。

图2: 此项目中的文件