Пошаговое руководство. Добавление простой структуры переходов веб-узла

Статья
10/22/2014

Обновлен: Ноябрь 2007

Используйте элемент управления SiteMapPath, элементы управления TreeView, или Menu, чтобы обеспечить постоянный способ для пользователей перемещаться по вашему веб-узлу.

Управляющий элемент SiteMapPath отображает путь перехода, который также называется иерархическим навигатором или выталкивателем, который показывает текущее расположение страницы и отображает ссылки обратного перехода на домашнюю страницу.

Примечание.
Если страница .aspx содержит элемент управления SiteMapPath, страница .aspx должна быть в списке файла Web.sitemap для выполнения элемента управления.

На веб-странице элемент управления SiteMapPath отображается примерно похожим на следующее, если пользователь просматривает обучающую страницу:

Домашняя страница > Службы > Обучение

Элемент управления TreeView отображает древовидную структуру, используя которую пользователи могут перемещаться по гиперссылкам на различные страницы вашего сайта. Узел, содержащий дочерние узлы, может быть развернут или свернут щелчком мыши. Когда он выполняется в первый раз, элемент управления TreeView полностью развернут. На веб-странице элемент управления TreeView отображается примерно похожим на следующее:

- Домашний

- Службы

+ Обучение

Элемент управления Menu отображает раскрывающееся меню, используя которое пользователи могут перемещаться по гиперссылкам на различные страницы вашего сайта. Узел, содержащий дочерние узлы разворачивается при наведении курсора на элементы меню. Пример кода, который отображает карту сайта в элементе управления Menu control, см. в разделе Практическое руководство. Отображение данных карты веб-узла в неиерархических серверных веб-элементах управления.

Чтобы использовать эти управляющие элементы перехода, нужно описать структуру вашего веб-узла в файле Web.sitemap.

Создание файла Web.sitemap

Создайте файл с именем Web.sitemap в корневом каталоге веб-узла.

Откройте файл Web.sitemap и добавьте следующий код.

<?xml version="1.0" encoding="utf-8" ?>
<siteMap>
  <siteMapNode title="Home" >
    <siteMapNode title="Services" >
      <siteMapNode title="Training" url="~/Training.aspx"/>
    </siteMapNode>
  </siteMapNode>
</siteMap>

Примечание.
Веб-приложение вызовет ошибку, если перечисленные URL не существуют или если дублируются. Атрибут url может начинаться с ярлыка «~/», который указывает на корневую папку приложения. Дополнительные сведения см. в разделе Путь к веб-узлу ASP.NET.

Веб-приложение вызовет ошибку, если перечисленные URL не существуют или если дублируются. Атрибут url может начинаться с ярлыка «~/», который указывает на корневую папку приложения. Дополнительные сведения см. в разделе Путь к веб-узлу ASP.NET.

Ниже в этом разделе будет создана страница Training.aspx.

Сохраните файл и закройте его.

Добавление структуры переходов по веб-узлу на веб-страницу

Создайте файл с именем Training.aspx в корневом каталоге веб-узла.

Откройте файл Training.aspx и добавьте следующий код.

<%@ Page Language="VB" %>

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

<script runat="server">

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
  <title>Simple Navigation Controls</title>
</head>
<body>
  <form id="form1" runat="server">
  <div>

  <h2>Using SiteMapPath</h2>
  <asp:SiteMapPath ID="SiteMapPath1" Runat="server">
  </asp:SiteMapPath>


  <asp:SiteMapDataSource ID="SiteMapDataSource1" Runat="server" />

  <h2>Using TreeView</h2>
  <asp:TreeView ID="TreeView1" Runat="Server" DataSourceID="SiteMapDataSource1">
  </asp:TreeView>

  <h2>Using Menu</h2>
  <asp:Menu ID="Menu2" Runat="server" DataSourceID="SiteMapDataSource1">
  </asp:Menu>

  <h2>Using a Horizontal Menu</h2>
  <asp:Menu ID="Menu1" Runat="server" DataSourceID="SiteMapDataSource1"
    Orientation="Horizontal" 
    StaticDisplayLevels="2" >
  </asp:Menu>

  </div>
  </form>
</body>
</html>

<%@ Page Language="C#" %>

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

<script runat="server">
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
  <title>Simple Navigation Controls</title>
</head>
<body>
  <form id="form1" runat="server">
  <div>

  <h2>Using SiteMapPath</h2>
  <asp:SiteMapPath ID="SiteMapPath1" Runat="server">
  </asp:SiteMapPath>


  <asp:SiteMapDataSource ID="SiteMapDataSource1" Runat="server" />

  <h2>Using TreeView</h2>
  <asp:TreeView ID="TreeView1" Runat="Server" DataSourceID="SiteMapDataSource1">
  </asp:TreeView>

  <h2>Using Menu</h2>
  <asp:Menu ID="Menu2" Runat="server" DataSourceID="SiteMapDataSource1">
  </asp:Menu>

  <h2>Using a Horizontal Menu</h2>
  <asp:Menu ID="Menu1" Runat="server" DataSourceID="SiteMapDataSource1"
    Orientation="Horizontal" 
    StaticDisplayLevels="2" >
  </asp:Menu>

  </div>
  </form>
</body>
</html>

Сохраните и закройте файл, а затем можно просмотреть файл в обозревателе, чтобы увидеть как управляющие элементы отображают описать структуру переходов вашего веб-узла.

Безопасность

Можно скрыть ссылки в структуре переходов от членов с определенными ролями безопасности. Дополнительные сведения см. в разделе Фильтрация карты веб-узла ASP.NET по ролям безопасности.

См. также

Поделиться через

Пошаговое руководство. Добавление простой структуры переходов веб-узла

Создание файла Web.sitemap

Добавление структуры переходов по веб-узлу на веб-страницу

Безопасность

См. также

Задачи

Основные понятия

Ссылки

Другие ресурсы

Дополнительные ресурсы