Gewusst wie: Hinzufügen einer einfachen Sitenavigation

  • Artikel

Aktualisiert: November 2007

Mit den Steuerelementen SiteMapPath, TreeView und Menu stellen Sie den Benutzern Ihrer Site eine konsistente Navigationsmöglichkeit zur Verfügung.

Das SiteMapPath-Steuerelement zeigt einen Navigationspfad an (auch Breadcrumb oder Eyebrow genannt). Darüber können Benutzer sehen, wo sich die aktuelle Seite in der Sitehierarchie befindet, und erhalten Links als Pfad zurück zur Startseite.

Hinweis:

Wenn eine .aspx-Seite ein SiteMapPath-Steuerelement enthält, muss sie in der Datei Web.sitemap aufgeführt sein, damit das Steuerelement die Seite darstellen kann.

Wenn der Benutzer die Seite Training besucht, zeigt das SiteMapPath-Steuerelement auf der Seite in etwa Folgendes an:

Start > Dienste > Training

Das TreeView-Steuerelement zeigt eine Baumstruktur an, der die Benutzer folgen können, um zu verschiedenen Seiten in der Site zu gelangen. Ein Knoten mit untergeordneten Knoten kann durch Klicken erweitert bzw. reduziert werden. Wenn das TreeView-Steuerelement zum ersten Mal angezeigt wird, ist es vollständig erweitert. Auf einer Webseite zeigt das TreeView-Steuerelement in etwa Folgendes an:

- Startseite

   - Dienste

      + Training

Das Menu-Steuerelement zeigt ein erweiterbares Menü an, dem die Benutzer folgen können, um zu verschiedenen Seiten in der Site zu gelangen. Ein Knoten mit untergeordneten Knoten wird erweitert, wenn der Cursor über das entsprechende Menüelement bewegt wird. Ein Codebeispiel, bei dem eine Siteübersicht in einem Menu-Steuerelement angezeigt wird, finden Sie unter Gewusst wie: Anzeigen von Siteübersichtsdaten in nicht hierarchischen Webserversteuerelementen.

Um diese Sitenavigationssteuerelemente verwenden zu können, müssen Sie die Struktur Ihrer Website in der Datei Web.sitemap beschreiben.

So erstellen Sie die Datei Web.sitemap

  1. Erstellen Sie im Stammverzeichnis Ihrer Website eine Datei mit dem Namen Web.sitemap.

  2. Öffnen Sie die Datei Web.sitemap, und fügen Sie den folgenden Code hinzu.

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

    Ihre Webanwendung funktioniert nicht, wenn Sie einen URL angeben, der nicht existiert, oder einen URL doppelt angeben. Das url-Attribut kann mit der Zeichenfolge "~/" beginnen, die den Stammordner der Anwendung angibt. Weitere Informationen finden Sie unter ASP.NET-Websitepfade.

    Die Erstellung der Seite Training.aspx wird weiter unten in diesem Thema behandelt.

  3. Speichern und schließen Sie die Datei.

So fügen Sie einer Webseite Sitenavigation hinzu

  1. Erstellen Sie eine Datei mit dem Namen Training.aspx im Stammverzeichnis Ihrer Website.

  2. Öffnen Sie Training.aspx, und fügen Sie den folgenden Code hinzu.

    <%@ Page Language="VB" %>

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

<script >

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" >
  <title>Simple Navigation Controls</title>
</head>
<body>
  <form id="form1" >
  <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 >
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head >
  <title>Simple Navigation Controls</title>
</head>
<body>
  <form id="form1" >
  <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>

  3. Speichern und schließen Sie die Datei. Anschließend können Sie die Datei in einem Browser öffnen und sehen, wie die Navigationsstruktur Ihrer Website durch das Steuerelement darstellt wird.

Sicherheit

Sie können die Links in der Navigationsstruktur für Mitglieder bestimmter Sicherheitsrollen ausblenden. Weitere Informationen finden Sie unter Einschränken der ASP.NET-Siteübersicht aus Sicherheitsgründen.

Siehe auch

Aufgaben

Gewusst wie: Anpassen der Darstellung von SiteMapPath-Webserversteuerelementen

Konzepte

Anpassen von Aussehen und Verhalten des TreeView-Webserversteuerelements

Einschränken der ASP.NET-Siteübersicht aus Sicherheitsgründen

Sichern der ASP.NET-Sitenavigation

Sichern des Datenzugriffs

Referenz

SiteMapPath

TreeView

Menu

Weitere Ressourcen

ASP.NET-Anwendungssicherheit in Hostumgebungen