ASP.NET มีในตัวควบคุมการนำทาง
เว็บการใช้งานเว็บไซต์
การดูแลรักษาเมนูของเว็บไซต์ที่มีขนาดใหญ่เป็นเรื่องยากและใช้เวลานาน
ใน ASP.NET เมนูที่สามารถเก็บไว้ในแฟ้มที่จะทำให้มันง่ายต่อการรักษา ไฟล์นี้จะเรียกว่าปกติ web.sitemap และจะถูกเก็บไว้ในไดเรกทอรีรากของเว็บ
นอกจากนี้ ASP.NET มีสามตัวควบคุมทิศทางใหม่:
- เมนูแบบไดนามิก
- treeviews
- แผนผังเว็บไซต์เส้นทาง
แผนผังไซต์ไฟล์
แฟ้มแผนผังเว็บไซต์ต่อไปนี้จะใช้ในการกวดวิชานี้:
<?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="Training" url="/aspnet/w3training.aspx"/>
<siteMapNode title="Support" url="/aspnet/w3support.aspx"/>
</siteMapNode>
</siteMapNode>
</siteMap>กฎระเบียบสำหรับการสร้างไฟล์แผนที่เว็บไซต์:
- ไฟล์ XML ต้องมี <siteMap> แท็กรอบเนื้อหา
- <siteMap> แท็กเท่านั้นที่สามารถมีหนึ่ง <siteMapNode> เด็กโหนด (the "home" page)
- แต่ละ <siteMapNode> สามารถมีโหนดลูกหลาย (web pages)
- แต่ละ <siteMapNode> มีแอตทริบิวต์การกำหนดชื่อหน้าและ URL
Note: แฟ้มแผนผังเว็บไซต์จะต้องอยู่ในไดเรกทอรีรากของเว็บและ URL แอตทริบิวต์จะต้องสัมพันธ์กับไดเรกทอรีราก
เมนูแบบไดนามิก
<asp:Menu> การควบคุมการแสดงเมนูการใช้งานเว็บไซต์มาตรฐาน
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form><asp:Menu> การควบคุมในตัวอย่างข้างต้นเป็นตัวยึดสำหรับเซิร์ฟเวอร์สร้างเมนูนำทาง
แหล่งข้อมูลของการควบคุมจะถูกกำหนดโดย DataSourceId แอตทริบิวต์ id="nav1" เชื่อมต่อไปยัง <asp:SiteMapDataSource> การควบคุม
<asp:SiteMapDataSource> การควบคุมโดยอัตโนมัติเชื่อมต่อกับไฟล์แผนผังไซต์เริ่มต้น ( web.sitemap )
คลิกที่นี่เพื่อดูการสาธิตเมนู TreeView และ SiteMapPath
TreeView
<asp:TreeView> การควบคุมการแสดงเมนูนำทางหลายระดับ
เมนูที่มีลักษณะเหมือนต้นไม้ที่มีสาขาที่สามารถเปิดหรือปิดด้วย + หรือ - สัญลักษณ์
Code Example:
<asp:SiteMapDataSource id="nav1" runat="server" />
<form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form><asp:TreeView> การควบคุมในตัวอย่างข้างต้นเป็นตัวยึดสำหรับเซิร์ฟเวอร์สร้างเมนูนำทาง
แหล่งข้อมูลของการควบคุมจะถูกกำหนดโดย DataSourceId แอตทริบิวต์ id="nav1" เชื่อมต่อไปยัง <asp:SiteMapDataSource> การควบคุม
<asp:SiteMapDataSource> การควบคุมโดยอัตโนมัติเชื่อมต่อกับไฟล์แผนผังไซต์เริ่มต้น ( web.sitemap )
คลิกที่นี่เพื่อดูการสาธิตเมนู TreeView และ SiteMapPath
SiteMapPath
การควบคุม SiteMapPath แสดงเส้นทาง (navigation path) ไปยังเพจปัจจุบัน เส้นทางทำหน้าที่เป็นลิงค์ที่สามารถคลิกไปยังหน้าก่อนหน้า
ซึ่งแตกต่างจาก TreeView และเมนูควบคุมการควบคุม SiteMapPath ไม่ NOT ใช้ SiteMapDataSource การควบคุม SiteMapPath ใช้แฟ้ม Web.sitemap ตามค่าเริ่มต้น
เคล็ดลับ: ถ้า SiteMapPath แสดงไม่ถูกต้องส่วนใหญ่มีข้อผิดพลาด URL (typo) ในไฟล์ Web.sitemap
Code Example:
<form runat="server">
<asp:SiteMapPath runat="server" />
</form><asp:SiteMapPath> การควบคุมในตัวอย่างข้างต้นเป็นตัวยึดสำหรับเซิร์ฟเวอร์สร้างการแสดงผลเส้นทางสถานที่
คลิกที่นี่เพื่อดูการสาธิตเมนู TreeView และ SiteMapPath