Navigasi ASP.NET

Penulis：Eve Cole Waktu Pembaruan：2024-12-31 12:00:02
Formulir Web ASP.NET - Navigasi
 Bagian ini terutama memperkenalkan navigasi situs web ASP.NET dan cara menggunakan kontrol navigasi.
 ASP.NET dilengkapi dengan kontrol navigasi bawaan.
 Navigasi situs
 Mempertahankan menu untuk situs web besar itu sulit dan memakan waktu.
 Di ASP.NET, menu dapat disimpan dalam file, sehingga lebih mudah dipelihara. File tersebut biasanya diberi nama web.sitemap dan disimpan di direktori root website.
 Selain itu, ASP.NET memiliki tiga kontrol navigasi pusat:
 Menu dinamis
 Tampilan Pohon
 Jalur Peta Situs
 File peta situs
 Dalam tutorial ini, file peta situs berikut digunakan:
 <?xml version="1.0" pengkodean="ISO-8859-1" ?><siteMap><siteMapNode url="/aspnet/w3home.aspx"><siteMapNode url="/aspnet/w3services.aspx"><siteMapNode url="/aspnet/w3training.aspx"/><siteMapNode url="/aspnet/w3support.aspx"/></siteMapNode></siteMapNode></siteMap>
 Aturan untuk membuat file peta situs:
 File XML harus berisi tag <siteMap> yang mengelilingi konten
 Tag <siteMap> hanya dapat memiliki satu node anak <siteMapNode> (halaman "beranda")
 Setiap <siteMapNode> dapat memiliki beberapa node anak (halaman web)
 Setiap <siteMapNode> memiliki atribut yang menentukan judul halaman dan URL
 Catatan: File peta situs harus ditempatkan di direktori akar situs, dan properti URL harus relatif terhadap direktori akar tersebut.
 menu dinamis
 Kontrol <asp:Menu> menampilkan menu navigasi situs standar.
 Contoh kode:
 <asp:SiteMapDataSource id="nav1" runat="server" /><form runat="server"><asp:Menu runat="server" DataSourceId="nav1" /></form>
 Kontrol <asp:Menu> pada contoh di atas adalah pengganti bagi server untuk membuat menu navigasi.
 Sumber data kontrol ditentukan oleh properti DataSourceId . id="nav1" menghubungkan sumber data ke kontrol <asp:SiteMapDataSource> .
 Kontrol <asp:SiteMapDataSource> secara otomatis terhubung ke file peta situs default ( web.sitemap ).
 Tampilan Pohon
 Kontrol <asp:TreeView> menampilkan menu navigasi multi-level.
 Menu ini berbentuk pohon bercabang dan dapat dibuka atau ditutup menggunakan simbol + atau -.
 Contoh kode:
 <asp:SiteMapDataSource id="nav1" runat="server" /><form runat="server"><asp:TreeView runat="server" DataSourceId="nav1" /></form>
 Kontrol <asp:TreeView> pada contoh di atas adalah pengganti bagi server untuk membuat menu navigasi.
 Sumber data kontrol ditentukan oleh properti DataSourceId . id="nav1" menghubungkan sumber data ke kontrol <asp:SiteMapDataSource> .
 Kontrol <asp:SiteMapDataSource> secara otomatis terhubung ke file peta situs default ( web.sitemap ).
 Jalur Peta Situs
 Kontrol SiteMapPath menampilkan penunjuk (jalur navigasi) ke halaman saat ini. Jalur tersebut muncul sebagai tautan yang dapat diklik ke laman induk.
 Berbeda dengan kontrol TreeView dan Menu, kontrol SiteMapPath tidak menggunakan SiteMapDataSource. Kontrol SiteMapPath menggunakan file web.sitemap secara default.
 Tip: Jika SiteMapPath tidak ditampilkan dengan benar, kemungkinan besar disebabkan oleh kesalahan URL (kesalahan pencetakan) pada file web.sitemap.
 Contoh kode:
 <form runat="server"><asp:SiteMapPath runat="server" /></form>
 Kontrol <asp:SiteMapPath> pada contoh di atas adalah pengganti bagi server untuk membuat menu navigasi.
 Di atas adalah tentang penggunaan navigasi ASP.NET. Melalui navigasi website, Anda dapat mengakses suatu halaman dengan cepat.