Tutorial Halama...login
Tutorial Halaman Web
pengarang:php.cn  masa kemas kini:2022-04-11 14:20:28

Navigasi Borang Web



ASP.NET disertakan dengan kawalan navigasi terbina dalam.


Navigasi Laman Web

Mengekalkan menu untuk tapak web yang besar adalah sukar dan memakan masa.

Dalam ASP.NET, menu boleh disimpan dalam fail, menjadikannya lebih mudah untuk diselenggara. Fail itu biasanya dinamakan web.sitemap dan disimpan dalam direktori akar tapak web.

Selain itu, ASP.NET mempunyai tiga kawalan navigasi teras:

  • Menu dinamik
  • TreeViews
  • Laluan Peta Laman

Fail Peta Laman

Dalam tutorial ini, gunakan fail peta laman berikut:

<?xml version="1.0" encoding="ISO-8859 - 1" ?>
<siteMap>
, <siteMapNode title="Home" url="/aspnet/w3home.aspx">
, <siteMapNode title="Services" url="/aspnet/w3services.aspx">
                  <siteMapNode title="Latihan" url="/aspnet/w3training.aspx"/>
                  <siteMapNode title="Sokongan" url="/aspnet/w3support.aspx"/>
, </siteMapNode>
, </siteMapNode>
</siteMap>

Peraturan untuk membuat fail peta laman:

  • Fail XML mesti mengandungi teg <siteMap> >
  • <siteMap> hanya boleh mempunyai satu <siteMapNode> nod anak (halaman "rumah")
  • Setiap <siteMapNode> boleh mempunyai berbilang nod anak (halaman web)
  • Setiap <siteMapNode> mempunyai sifat yang mentakrifkan tajuk halaman dan URL

Nota: lamp.giffail peta laman mesti terletak dalam direktori akar tapak dan sifat URL mesti menjadi relatif dalam direktori akar.


Menu Dinamik

<asp:Menu> memaparkan menu navigasi tapak standard.

Contoh kod:

<asp:SiteMapDataSource id="nav1" runat="server" />

< form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form>

Kawalan <asp:Menu> dalam contoh di atas ialah pemegang tempat untuk pelayan mencipta menu navigasi. Sumber data kawalan

ditakrifkan oleh sifat DataSourceId. id="nav1" Sambungkan sumber data ke kawalan <asp:SiteMapDataSource>. Kawalan

<asp:SiteMapDataSource> bersambung secara automatik ke fail peta laman lalai (peta laman web).


TreeView

<asp:TreeView> kawalan boleh memaparkan menu navigasi berbilang peringkat.

Menu ini kelihatan seperti pokok dengan dahan dan daun serta boleh dibuka atau ditutup dengan simbol + atau -.

Contoh kod:

<asp:SiteMapDataSource id="nav1" runat="server" />

< form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form>

Dalam contoh di atas Kawalan <asp:TreeView> ialah pemegang tempat untuk pelayan mencipta menu navigasi. Sumber data kawalan

ditakrifkan oleh sifat DataSourceId. id="nav1" Sambungkan sumber data ke kawalan <asp:SiteMapDataSource>. Kawalan

<asp:SiteMapDataSource> bersambung secara automatik ke fail peta laman lalai (peta laman web).


SiteMapPath

Kawalan SiteMapPath memaparkan penunjuk (laluan navigasi) ke halaman semasa. Laluan muncul sebagai pautan boleh klik ke halaman induk.

Tidak seperti kawalan TreeView dan Menu, kawalan SiteMapPath tidak menggunakan SiteMapDataSource. Kawalan SiteMapPath menggunakan fail web.sitemap secara lalai.

lamp.gifPetua: Jika SiteMapPath tidak dipaparkan dengan betul, kemungkinan besar ia disebabkan oleh ralat URL (ralat pencetakan) dalam fail web.sitemap.

Contoh kod:

<form runat="server">
<asp:SiteMapPath runat="server" />
</form>

Kawalan <asp:SiteMapPath> dalam contoh di atas ialah pemegang tempat untuk pelayan mencipta menu navigasi.