Condividi tramite

Procedura: aggiungere l'esplorazione semplice di siti

  • Articolo

Aggiornamento: novembre 2007

I controlli SiteMapPath, TreeView e Menu permettono di fornire agli utenti un metodo coerente per spostarsi all'interno del sito.

Il controllo SiteMapPath visualizza un percorso di spostamento (noto anche come "breadcrumb" o "eyebrow"), che mostra all'utente la posizione della pagina corrente, e visualizza i collegamenti come un percorso di ritorno alla home page.

Nota:

Se una pagina aspx contiene un controllo SiteMapPath, perché venga eseguito il rendering del controllo è necessario che la pagina sia elencata nel file Web.sitemap.

Se l'utente consulta la pagina Esercitazione pratica, il controllo SiteMapPath visualizza una stringa simile alla seguente:

Home > Servizi > Esercitazione pratica

Il controllo TreeView visualizza una struttura che gli utenti possono scorrere per individuare collegamenti ad altre pagine del sito. Un nodo che contiene nodi figlio può essere espanso o compresso facendo clic su di esso. Quando viene sottoposto a rendering, il controllo TreeView risulta totalmente espanso. In una pagina Web il controllo visualizza una sequenza simile alla seguente:

- Pagina iniziale

   - Servizi

      + Esercitazione pratica

Il controllo Menu visualizza un menu espandibile che gli utenti possono scorrere per individuare collegamenti ad altre pagine del sito. Un nodo che contiene nodi figlio viene espanso quando il cursore si sposta sulla voce di menu. Per un esempio di codice che visualizza una mappa del sito in un controllo Menu, vedere Procedura: visualizzare i dati della mappa del sito in controlli server Web non gerarchici.

Per utilizzare questi controlli di spostamento all'interno del sito, è necessario descrivere la struttura del sito Web in un file Web.sitemap.

Per creare un file Web.sitemap

  1. Creare un file nella directory principale del sito Web denominata Web.sitemap.

  2. Aprire il file Web.sitemap e aggiungervi il codice riportato di seguito.

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

    Se viene elencato un URL inesistente o duplicato, l'applicazione Web non potrà essere eseguita. L'attributo url può essere preceduto dai caratteri "~/" che indicano la radice dell'applicazione. Per ulteriori informazioni, vedere Percorsi del sito Web ASP.NET.

    Più avanti verrà descritta la procedura per la creazione della pagina Training.aspx.

  3. Salvare il file e chiuderlo.

Per aggiungere l'esplorazione siti a una pagina Web

  1. Creare un file nella directory principale del sito Web denominata Training.aspx.

  2. Aprire Training.aspx e aggiungere il seguente codice.

    <%@ 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. Salvare il file e chiuderlo, quindi aprirlo in un browser per vedere in che modo i controlli visualizzano la struttura degli spostamenti all'interno del sito Web.

Sicurezza

Nella struttura di spostamento è possibile nascondere i collegamenti dai membri di ruoli di protezione specifici. Per ulteriori informazioni, vedere Rimozione della protezione della mappa del sito ASP.NET.

Vedere anche

Attività

Procedura: personalizzare l'aspetto dei controlli server Web SiteMapPath

Concetti

Personalizzazione dell'aspetto del controllo server Web TreeView

Rimozione della protezione della mappa del sito ASP.NET

Protezione del sistema di spostamento all'interno dei siti ASP.NET

Protezione dell'accesso ai dati

Riferimenti

SiteMapPath

TreeView

Menu

Altre risorse

Protezione delle applicazioni ASP.NET in ambienti host