在ASP.NET 2.0中操作数据:创建母版页和网站导航

介绍

通常，用户友好的个性化网站具有一致和统一的页面布局和导航系统。Asp.net 2.0引入的两个新特性为我们提供了简单有效的工具来统一网站的页面布局和网站导航。它们是主板页面和网站导航。页面允许开发人员创建统一的网站模板和指定的可编辑区域。这样，aspx页面只需要填充模板页面中指定的可编辑区域，母版页中定义的所有其他标签将出现在使用母版页的所有aspx页面中。这种模式让开发者可以统一管理和定义网站的页面布局，很容易得到视觉和感觉统一的页面，也很容易更新。

站点导航系统允许开发者定义站点地图，并提供API通过程序查询站点地图信息。新的导航控件包括菜单、树形视图和站点地图路径，它们可以在一个通用的导航用户界面元素中轻松呈现全部或部分站点地图。我们将使用默认的站点导航提供程序，这意味着我们的站点地图将在xml文件中定义。

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

图1:本课程的最终结果。

第一步：创建主板页面。

第一步是为我们的网站创建一个母版页。到目前为止，我们的网站只有一个类型化的DataSet(Northwind.xsd，位于App_Code文件夹)，业务逻辑层类库(productsbll.cs，categoriesbll.cs等)。全部在App_Code文件夹中)，数据库(NORTHWIND。MDF，位于App_Data文件夹)、配置文件(web.config)和一个。我整理了这些页面和文件，以表明在前两门课程中介绍的数据访问层和业务逻辑层将在未来的课程中更详细地重用这些示例。

图2:我们项目中的文档。

若要创建母版页，请在解决方案管理器中右键单击项目名称，然后选择“添加新项”。然后从模板列表窗口中选择主板类型，并将其命名为Site.master

图3:向站点添加主板页面。

在母版页中定义网站的统一页面布局。您可以使用设计视图定义所需的布局或控件，并且可以在代码视图中手动添加标记。在我们的母版页中，外部文件Style.css中定义的级联样式表用于定义位置和样式。可能你不知道下面的标签是怎么显示的。样式表规则定义用于导航的div标签的内容绝对位于页面的左侧，宽度固定为200像素。

站点.母版

% @ 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/XHTML 1/DTD/XHTML L1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head runat=' server ' title使用数据教程/title link href=' styles . CSS ' rel='样式表' type='text/css' /流浆池div id='wrapper./span/div div id=' content ' asp: content placeholder id=' main content ' runat=' server '！-特定于页面的内容将出现在这里.-/ASP :内容占位符/div div id='导航' todo :菜单将转到此处./div/form/div/body/html母版页定义了固定的布局，可以。