Walkthrough

Această prezentare demonstrează modul de poziționare și configurare a comenzii meniului ASP.NET pe o pagină Web.

O caracteristică comună pentru toate site-urile de orice complexitate este meniul de navigare. Folosind comanda de meniu din ASP.NET, puteți seta cu ușurință un meniu complex de navigare fără a scrie niciun cod.

Controlul meniului permite mai multe opțiuni de afișare, inclusiv afișarea statică atunci când meniul este afișat complet și afișarea dinamică atunci când elementele de meniu sunt afișate când indicatorul mouse-ului este peste elementul din meniul părinte. Acest control oferă de asemenea o combinație de moduri de afișare statică și dinamică, incluzând o secvență de elemente rădăcină statică și elemente de meniu afișează dinamic.

Controlul meniului ASP.NET poate fi configurat în proiectant utilizând referințe statice ale paginilor sau conectat automat la o sursă de date ierarhică, de exemplu, un control XmlDataSource sau un control SiteMapDataSource.

Acest ghid pas cu pas demonstrează următoarele sarcini.

Crearea unui meniu de bază și setarea în acesta a legăturilor statice către pagini.

Creați un meniu mai complex, legat de fișierul Web.sitemap al fișierului XML.

Reglați orientarea meniului.

Configurați mai multe nivele de cartografiere statică și comparați-le cu afișarea dinamică.

Pentru a finaliza acest ghid pas cu pas, sunt necesare următoarele.

Software-ul Visual Studio sau Visual Web Developer Express instalat pe computer.

Dacă utilizați Visual Studio, ghidul pas-cu-pas presupune că atunci când ați început prima dată Visual Studio, a fost selectată colecția de setări Web Development. Pentru mai multe informații, consultați Cum se face. Selectarea parametrilor mediului de dezvoltare web.

Pentru acest ghid pas cu pas, este creat un proiect web gol, la care se adaugă pagina.

Acest ghid pas cu pas folosește proiectul de site web. În schimb, puteți utiliza proiectul aplicației web. Pentru informații despre diferențele dintre aceste tipuri de proiecte Web, consultați Compararea proiectelor de aplicații web cu proiectele de site Web.

Crearea unui site web bazat pe sistemul de fișiere

Deschideți Visual Studio sau Visual Web Developer Express.

În meniul Fișier, faceți clic pe Site nou Web.

Se deschide caseta de dialog Web site nou.

Sub Șabloane instalate, faceți clic pe Visual Basic sau Visual C #, apoi pe Web Blank ASP.NET.

În caseta Locație online, selectați câmpul Sistem fișiere și introduceți numele folderului în care vor fi stocate paginile site-ului web.

De exemplu, tastați numele folderului C: \ WebSites.

Faceți clic pe OK.

Visual Studio creează un proiect Web site care conține fișierul Web.config.

În Solution Explorer, faceți clic dreapta pe rădăcina site-ului Web și faceți clic pe Add New Item (Adăugare element nou).

Selectați Formular Web. specificați numele fișierului "Default.aspx" și faceți clic pe Adăugați.

Acum puteți crea o sursă de date de navigare care indică fișierul Web.sitemap și comanda de meniu care se leagă de ea.

Pentru a lega un control de meniu la o hartă a unui site Web

Deschideți fișierul Default.aspx și accesați vizualizarea de proiectare.

În caseta de dialog Sarcini, din lista derulantă Selectare sursă de date, faceți clic pe Adăugați o nouă sursă de date.

Se deschide Expertul de configurare a sursei de date.

Faceți clic pe Hartă site.

În câmpul Specificați ID-ul pentru sursa de date. numele implicit este SiteMapDataSource1.

Faceți clic pe OK.

După plasarea paginilor și a meniurilor, puteți verifica munca lor.

Verificarea legăturii cu harta site-ului Web

Pentru a porni pagina Default.aspx, apăsați CTRL + F5.

Accesați punctul de meniu Acasă al celui de-al doilea meniu, situat pe verticală.

Elementele Produse și Servicii sunt afișate.

Accesați elementul Produse.

Sunt afișate elementele Hardware și Software.

Dacă vă uitați la codul sursă al Default.aspx, puteți observa că, spre deosebire de elementul din primul meniu, elementele sunt setate neanunțate; În schimb, comanda de meniu se referă la sursa de date.

Închideți fereastra browserului.

Controlul meniului are două moduri de afișare: statică și dinamică. Analiza statică înseamnă că controlul meniului este întotdeauna complet implementat. Întreaga structură de meniu este afișată, iar utilizatorul poate face clic pe orice parte a meniului. În meniul afișat dinamic, numai părțile specificate sunt statice, în timp ce elementele meniului copil sunt afișate atunci când utilizatorul menține indicatorul mouse-ului pe punctul părinte.

Meniul vertical creat în subsecțiunea anterioară utilizează un afișaj complet dinamic, numai nivelul său superior rămâne static. Utilizând comanda de meniu, puteți personaliza comportamentul când plasați cursorul pe mouse și specificați dacă meniul este static sau dinamic. În această subsecțiune, configurați caracteristicile dinamice și statice ale comenzii de meniu.

Creați un control al meniului cu două nivele statice

În pagina Default.aspx din vizualizarea de proiectare, faceți clic dreapta pe butonul Meniu și selectați Proprietăți.

Setați StaticDisplayLevels la 2.

Controlul meniului facilitează crearea unui meniu de navigare. Acest control poate fi configurat să afișeze în mod dinamic sau static și să se hartă în fișierul XML al site-ului Web. Pentru a studia în continuare această problemă, puteți face următoarele:

Aflați mai multe despre structura de navigare a site-ului. Pentru mai multe informații, consultați structura de navigare ASP.NET.

Utilizați comanda Meniu din pagina principală pentru a crea o structură de navigare la nivel de nod specificată pe o pagină separată. Pentru mai multe informații, consultați Walkthrough. Crearea și utilizarea paginilor principale în Visual Web Developer.

Efectuați pași pentru a implementa structura de navigare a site-ului. Pentru mai multe informații, consultați Walkthrough. Adăugarea unei structuri de navigare a site-ului.

Articole similare