แผนผังเว็บไซต์ ASP.NET 2.0 สร้างโครงสร้างการนำทางเว็บไซต์

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-06-30 16:47:46

หากคุณเคยเดินทางไปยังจุดหมายปลายทางที่ไม่คุ้นเคย คุณจะทราบถึงความสำคัญของแผนที่ ซึ่งสามารถช่วยทำให้การเดินทางของคุณสะดวกสบายยิ่งขึ้น หลักการเดียวกันนี้ใช้กับเว็บไซต์ เว็บไซต์ควรนำเสนอผู้เยี่ยมชมด้วยโครงสร้างการนำทางที่เรียบง่ายแต่ยืดหยุ่น เพื่อให้สามารถนำทางไปยังส่วนต่างๆ ของเว็บไซต์ได้อย่างง่ายดาย ASP.NET 2.0 มีคุณลักษณะที่เรียกว่า SiteMap ซึ่งช่วยให้คุณบรรลุฟังก์ชันการทำงานนี้ บทความนี้จะอธิบายว่าแผนผังเว็บไซต์คืออะไรและอธิบายวิธีพัฒนาโครงสร้างการนำทางเว็บไซต์ที่ใช้แผนผังเว็บไซต์

1. แผนผังไซต์

แผนผังไซต์คือไฟล์ XML (ที่มีนามสกุล .sitemap) ที่อธิบายรายละเอียดเกี่ยวกับรูปแบบการนำทางทั้งหมดของเว็บไซต์ของคุณ คุณสามารถใช้ไฟล์แผนผังไซต์เพื่อให้เหมาะกับความต้องการทั้งหมดของคุณ

ตัวอย่างจะช่วยอธิบายไฟล์แผนผังเว็บไซต์ รูปที่ 1 แสดงโครงสร้างไดเรกทอรีของเว็บไซต์ตัวอย่าง

รูปที่ 1: โครงสร้างเว็บไซต์

ในรูป หน้าแรก (Default.aspx) และหน้าติดต่อเรา (contact.aspx) อยู่ในโฟลเดอร์รูทของเว็บไซต์ นอกจากนี้ยังมีโฟลเดอร์ย่อยอีกสองโฟลเดอร์ที่เรียกว่าผลิตภัณฑ์และบริการ มีเว็บฟอร์มสองฟอร์มภายใต้แต่ละโฟลเดอร์ย่อย: สอดคล้องกับ Product1.aspx และ Product2.aspx และ Service1.aspx และ Service2.aspx

ตอนนี้ เพียงทำตามขั้นตอนเหล่านี้ และคุณสามารถใช้แผนผังไซต์เพื่ออธิบายโครงสร้างเว็บไซต์ของคุณ:

1. สร้างเว็บไซต์ใหม่โดยใช้ VS.NET 2005

2. คลิกขวาที่เว็บไซต์และเลือก "เพิ่มรายการใหม่..."

3. เลือกแผนผังเว็บไซต์จากกล่องโต้ตอบ "เพิ่มรายการใหม่..." (ดูรูปที่ 2) และตั้งชื่อเป็น Web.sitemap

รูปที่ 2: การเพิ่มแผนผังเว็บไซต์ใหม่

ป้อนมาร์กอัป XML ต่อไปนี้ในไฟล์ web.sitemap:

＜?xml version="1.0" encoding="utf-8" ?>
＜แผนผังไซต์ xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
＜siteMapNode url="default.aspx" title="Home" description="เว็บไซต์ของฉัน">
＜siteMapNode url="~/products/default.aspx" title="ผลิตภัณฑ์">
＜siteMapNode url="~/products/product1.aspx" title="ผลิตภัณฑ์แรก" />
＜siteMapNode url="~/products/product2.aspx" title="ผลิตภัณฑ์ที่สอง" />

＜siteMapNode url="~/services/default.aspx" title="บริการ">
＜siteMapNode url="~/services/service1.aspx" title="บริการครั้งแรก" />
＜siteMapNode url="~/services/service2.aspx" title="บริการที่สอง" />

＜siteMapNode url="contact.aspx" title="ติดต่อเรา" />

＜/แผนผังไซต์><

รากของไฟล์แผนผังไซต์คือแผนผังไซต์ ประกอบด้วยโหนด siteMapNode และอาจมีโหนด siteMapNode ได้หลายโหนด ทั้งนี้ขึ้นอยู่กับโครงสร้างของเว็บไซต์ของคุณ

แท็ก siteMapNode นี้มีคุณลักษณะที่สำคัญสี่ประการ (ดูตารางที่ 1)

ชื่อ

คำอธิบาย	คุณสมบัติ
แสดง	ชื่อของเพจ คุณสมบัตินี้มักใช้โดยตัวควบคุมการนำทางเพื่อแสดงชื่อเรื่องของ URL
url	แสดง URL ของหน้าที่อธิบายโดยโหนดนี้
คำอธิบาย	ระบุคำอธิบายเกี่ยวกับหน้านี้ คุณสามารถใช้คำอธิบายนี้เพื่อแสดงเนื้อหาพร้อมท์
บทบาท	โดยการใช้การตัดแต่งความปลอดภัย (จะกล่าวถึงในภายหลัง) แอ็ตทริบิวต์นี้จะระบุบทบาทที่ได้รับอนุญาตให้เข้าถึงเพจนี้

ตารางที่ 1: คุณลักษณะที่สำคัญของแท็ก

นี่เป็นแผนผังไซต์ของคุณ ตอนนี้คุณสามารถใช้เพื่อการนำทางได้
2. วิธีใช้แผนผังไซต์

คุณสามารถใช้ไฟล์แผนผังเว็บไซต์ที่สร้างขึ้นในส่วนก่อนหน้าได้ด้วยวิธีทั่วไปสามวิธี:

· การใช้การควบคุม SiteMapPath

· การใช้การควบคุมแหล่งข้อมูล SiteMap

· การใช้คลาส SiteMap

การควบคุม SiteMapPath ช่วยให้คุณสร้าง breadcrumbs รูปที่ 3 แสดงให้เห็นว่า breadcrumb คืออะไร

รูปที่ 3: การนำทาง Breadcrumb

ตัวควบคุม SiteMapPath แสดงการนำทางในระดับต่างๆ ตัวอย่างเช่น คุณสามารถคลิกที่ระดับบนสุดหรือระดับรากเพื่อย้อนกลับหรือไปที่ระดับบนสุดได้ แน่นอน คุณยังสามารถปรับแต่งลำดับชั้นการนำทางได้อีกด้วย

ASP.NET 2.0 ยังมาพร้อมกับชุดควบคุมการนำทางที่ดี รวมถึง TreeView และเมนู ด้วยการควบคุมแหล่งข้อมูล SiteMap คุณสามารถผูกไฟล์แผนผังเว็บไซต์เข้ากับการควบคุมเหล่านี้ได้

ในบางกรณี ตัวควบคุมการนำทางในตัวอาจไม่ตรงตามความต้องการของคุณ ในกรณีนี้ คุณสามารถเข้าถึงไฟล์แผนผังเว็บไซต์โดยทางโปรแกรมและอ่านโหนด siteMapNode ต่างๆ จากนั้นคุณสามารถสร้างโครงสร้างการนำทางที่กำหนดเองได้โดยใช้ชื่อและคุณสมบัติ URL ของ siteMapNode

3. ใช้ตัวควบคุม SiteMapPath

ก่อนที่จะลงรายละเอียด เรามาสร้างโครงสร้างไดเร็กทอรีและเว็บฟอร์มที่เราต้องการก่อน ขั้นแรก เพิ่มสองโฟลเดอร์ ผลิตภัณฑ์และบริการ ลงในเว็บไซต์ จากนั้น เพิ่มมาสเตอร์เพจใหม่ MasterPage.master ถัดไป เพิ่มแบบฟอร์มเว็บที่แสดงในตารางที่ 2 และตรวจสอบให้แน่ใจว่าได้ตั้งค่าเพจหลักสำหรับแบบฟอร์มเหล่านั้นเมื่อคุณเพิ่ม

ฟอร์ม

โฟลเดอร์	ชื่อเว็บ
Default.aspx	รูทเว็บไซต์
Contact.aspx	รูทเว็บไซต์
Default.aspx	ผลิตภัณฑ์
Product1.aspx	ผลิตภัณฑ์
Product2.aspx	ผลิตภัณฑ์
Default.aspx	บริการ
Service1.aspx	บริการ
Service2.aspx	บริการ

ตารางที่ 2: รายการฟอร์มเว็บ

ตอนนี้ เปิดหน้าหลักที่คุณเพิ่มไว้ก่อนหน้านี้ ลากตัวควบคุม ป้ายกำกับ และตัวควบคุม SiteMapPath ไปไว้บนนั้น จากนั้นตั้งค่าคุณสมบัติข้อความของป้ายกำกับเป็น "ยินดีต้อนรับ!"

รายการต่อไปนี้แสดงแท็กทั้งหมดในหน้า MasterPage.master:

＜%@ ภาษาหลัก = "C #" AutoEventWireup = "true"
CodeFile="MasterPage.master.cs" สืบทอด="MasterPage" %>
＜html xmlns="http://www.w3.org/1999/xhtml" >
<หัว runat="เซิร์ฟเวอร์">
＜หัวข้อ＞หน้าที่ไม่มีชื่อ＜/หัวข้อ＞
＜/หัว><
<ร่างกาย>
＜form id="form1" runat="server">

＜asp:Label ID="Label1" runat="server" Font-Size="XX-Large" ForeColor="Blue" Text="Welcome!">＜/asp:Label>

Font-Names="Verdana" Font-Size="0.8em" PathSeparator=" : ">
＜PathSeparatorStyle Font-Bold="True" ForeColor="#5D7B9D" />
＜CurrentNodeStyle ForeColor="#333333" />
＜NodeStyle Font-Bold="True" ForeColor="#7C6F57" />
＜RootNodeStyle Font-Bold="True" ForeColor="#5D7B9D" />

＜/asp:contentplaceholder><
＜/div><
＜/แบบฟอร์ม＞
＜/ตัว＞
＜/html>

ตอนนี้ เปิด Default.aspx จากโฟลเดอร์รูท Default.aspx ควรมีลักษณะเหมือนรูปที่ 4

รูปที่ 4: ตัวอย่างการทำงานของ Default.aspx

หากต้องการออกแบบหน้านี้ ให้เพิ่มตารางที่มี 4 แถวและ 1 คอลัมน์ ลากตัวควบคุม ป้ายกำกับ ไปที่แถวบนสุด และตั้งค่าคุณสมบัติ ข้อความ เป็น "ยินดีต้อนรับสู่เว็บไซต์ของเรา!" จากนั้น ลากตัวควบคุมไฮเปอร์ลิงก์ทั้งสามตัวไปยังแถวที่เหลือ และตั้งค่าคุณสมบัติข้อความและ NavigateUrl ดังแสดงในตารางที่ 3

คุณสมบัติข้อความ	ID ของไฮเปอร์ลิงก์	คุณสมบัติ NavigateUrl
ผลิตภัณฑ์	HyperLink1	~/products/default.aspx
บริการ	HyperLink	~/Services/default.aspx
HyperLink3	ติดต่อเรา	~/contact.aspxTable

3: การตั้งค่าคุณสมบัติของไฮเปอร์ลิงก์

รายการต่อไปนี้แสดงมาร์กอัปที่สมบูรณ์ใน Default.aspx:

<ความกว้าง td="60%" >
Text="ยินดีต้อนรับสู่เว็บไซต์ของเรา!">＜/asp:Label">＜/td>

<ความกว้าง td="60%" >
Font-Size="X-Large" NavigateUrl="~/Products/Default.aspx">ผลิตภัณฑ์
＜/asp:ไฮเปอร์ลิงก์>

<ความกว้าง td="60%" >
NavigateUrl="~/Services/Default.aspx">บริการ
＜/asp:ไฮเปอร์ลิงก์>

<ความกว้าง td="60%" >
Font-Size="X-Large" NavigateUrl="~/Contact.aspx">ติดต่อเรา
＜/asp:ไฮเปอร์ลิงก์>

＜/โต๊ะ><
＜/ศูนย์＞
＜/asp:เนื้อหา＞

＜%@ ภาษาเพจ = "C #" MasterPageFile = "~/MasterPage.master"
AutoEventWireup = "true" CodeFile = "Default.aspx.cs"
สืบทอด = "_Default" Title="หน้าที่ไม่มีชื่อ" %>
ContentPlaceHolderID = "ContentPlaceHolder1" Runat = "เซิร์ฟเวอร์">
<ศูนย์กลาง>
<ตาราง>

ตอนนี้ เปิด Default.aspx จากโฟลเดอร์ Products และออกแบบดังแสดงในรูปที่ 5

รูปที่ 5: หน้าเริ่มต้นของโฟลเดอร์ผลิตภัณฑ์

ตารางที่ 4 แสดงรายการไฮเปอร์ลิงก์ทั้งหมดที่ใช้ในเว็บฟอร์ม

คุณสมบัติข้อความ	ID ของไฮเปอร์ลิงก์	คุณสมบัติ NavigateUrl
HyperLink1	First Product	~/products/product1.aspx
HyperLink2	Second Product	~/products/product2.aspx

ตารางที่ 4: ข้อมูลไฮเปอร์ลิงก์ในเพจเริ่มต้นภายใต้โฟลเดอร์ผลิตภัณฑ์

ตามหลักการเดียวกัน ให้ออกแบบ Default.aspx จากโฟลเดอร์ Services และผลลัพธ์จะแสดงในรูปที่ 6

รูปที่ 6 หน้าเริ่มต้นของโฟลเดอร์บริการ

ตารางที่ 5 แสดงรายการข้อมูลไฮเปอร์ลิงก์ที่ใช้ในเว็บฟอร์ม

คุณสมบัติข้อความ	ID ของไฮเปอร์ลิงก์	คุณสมบัติ NavigateUrl
HyperLink1	First Service	~/Services/service1.aspx
HyperLink2	Second Service	~/Services/service2.aspx

ตารางที่ 5: ข้อมูลไฮเปอร์ลิงก์ในหน้าเริ่มต้นภายใต้โฟลเดอร์ผลิตภัณฑ์

สุดท้าย เพิ่มแท็กให้กับเว็บฟอร์มอื่นๆ และตั้งค่าคุณสมบัติข้อความดังแสดงในตารางที่ 6

ป้ายกำกับ

คุณลักษณะข้อความของ	ชื่อฟอร์มเว็บ
~/Contact.aspx	ติดต่อเรา
~/Products/Product1.aspx	รายละเอียดสินค้าแรก
~/Products/Product2.aspx	รายละเอียดสินค้าที่สอง
~/Services/Service1.aspx	รายละเอียดบริการแรก
~/Services/Service2. aspx	รายละเอียดบริการที่สอง

แบบฟอร์ม 6: การตั้งค่าคุณสมบัติข้อความของป้ายกำกับจากเว็บฟอร์มที่เหลือ

ตอนนี้ให้เรียกใช้ Default.aspx จากโฟลเดอร์รูทแล้วไปที่หน้า Product1.aspx รูปที่ 7 แสดงตัวอย่างการทำงานของเว็บฟอร์ม

รูปที่ 7: การเรียกใช้ตัวอย่างของ Product1.aspx

สังเกตว่าชื่อและแอตทริบิวต์ URL ของไฟล์ web.sitemap ถูกนำมาใช้เพื่อสร้าง "breadcrumbs" นอกจากนี้ ให้สังเกตวิธีการแสดงพาเรนต์พร้อมกับชื่อเพจปัจจุบัน ลองนำทางไปยังหน้าต่างๆ และสังเกตการควบคุม SiteMapPath

4. ใช้การควบคุมแหล่งข้อมูล SiteMap

การใช้แผนผังเว็บไซต์ไม่ได้จำกัดอยู่เพียงการควบคุม SiteMapPath คุณยังสามารถแนบแผนผังเว็บไซต์กับตัวควบคุมการนำทางได้ (เช่น TreeView) ในตัวอย่างต่อไปนี้ คุณจะใช้ไฟล์แผนผังเว็บไซต์เดียวกันเพื่อใช้การเชื่อมโยงกับตัวควบคุม TreeView

เพิ่มเว็บฟอร์มใหม่ SiteMapDataSourceDemo.aspx ไปยังเว็บไซต์ จากนั้น ลากตัวควบคุมแหล่งข้อมูล SiteMap (SiteMapDataSource1) และตัวควบคุม TreeView (TreeView1) ลงบนแบบฟอร์ม ตั้งค่าคุณสมบัติ DataSourceID ของตัวควบคุม TreeView นี้เป็น SiteMapDataSource1 นอกจากนี้ ให้ตั้งค่าคุณสมบัติ ShowLines ของตัวควบคุม TreeView ให้เป็นจริง นี่คือมาร์กอัปที่สมบูรณ์จากหน้า SiteMapDataSourceDemo.aspx:

＜%@ ภาษาเพจ = "C #" AutoEventWireup = "true"
CodeFile = "SiteMapDataSourceDemo.aspx.cs"
สืบทอด = "SiteMapDataSourceDemo" %>
＜html xmlns="http://www.w3.org/1999/xhtml" >
<หัว runat="เซิร์ฟเวอร์">
＜หัวข้อ＞หน้าที่ไม่มีชื่อ＜/หัวข้อ＞
＜/หัว><
<ร่างกาย>
＜form id="form1" runat="server">
ShowLines="จริง">
＜/asp:TreeView>
＜asp:SiteMapDataSource ID="SiteMapDataSource1" runat="เซิร์ฟเวอร์" />
＜/แบบฟอร์ม＞
＜/ตัว＞
＜/html>

ตอนนี้ ให้รันเว็บฟอร์มเพื่อดูว่าโครงสร้างการนำทางเดียวกันนั้นถูกสร้างขึ้นโดยอัตโนมัติใน TreeView อย่างไร (ดูรูปที่ 8)

รูปที่ 8: การเชื่อมโยงไฟล์แผนผังเว็บไซต์เข้ากับตัวควบคุม TreeView

5. ใช้คลาส SiteMap

การแสดงข้อมูลแผนผังไซต์ในตัวควบคุม SiteMapPath หรือ TreeView ใช้งานได้ดี อย่างไรก็ตาม บางครั้งคุณอาจต้องออกแบบตรรกะการสร้างแบบกำหนดเอง ตัวอย่างเช่น คุณอาจต้องการพัฒนาตัวควบคุมการนำทางแบบกำหนดเองที่แสดงพาเรนต์ในแนวตั้งเท่านั้น ในกรณีนี้ คุณต้องเข้าถึงไฟล์แผนผังเว็บไซต์โดยทางโปรแกรม คลาส SiteMap ช่วยให้คุณบรรลุเป้าหมายนี้ได้

เส้นทางแผนผังไซต์นี้มีคุณสมบัติที่สำคัญสองประการ: RootNode และ CurrentNode ประเภทของพวกเขาคือ SiteMapNode ทั้งหมด และทั้งสองประเภทอนุญาตให้คุณอ้างอิงถึงโหนดรูทและโหนดปัจจุบันของแผนผังเว็บไซต์ตามลำดับ ตารางที่ 7 แสดงคุณสมบัติที่สำคัญบางประการของคลาส SiteMapNode

คำอธิบาย	คุณสมบัติ
ChildNodes	แสดงถึงคอลเลกชันของโหนดย่อยทั้งหมดของโหนดปัจจุบัน
HasChildNodes	บ่งชี้ว่าโหนดแผนผังเว็บไซต์มีโหนดย่อย (จริง/เท็จ)
ชื่อ	ส่งกลับค่าของแอตทริบิวต์ชื่อที่ระบุในไฟล์แผนผังเว็บไซต์
Url	ส่งกลับในไฟล์แผนผังเว็บไซต์ ค่าของแอตทริบิวต์ url ที่ระบุ
คำอธิบาย	ส่งกลับค่าของแอตทริบิวต์คำอธิบายที่ระบุในไฟล์แผนผังเว็บไซต์
ParentNode	ระบุการอ้างอิงของโหนดแผนผังเว็บไซต์หลักของโหนดปัจจุบัน

ตารางที่ 7: คุณลักษณะที่สำคัญบางประการของคลาส SiteMapNode

ตัวอย่างต่อไปนี้ใช้เส้นทาง SiteMap เพื่อเข้าถึงโหนดเดียวของไฟล์แผนผังเว็บไซต์ จากนั้น โดยทางโปรแกรมเพิ่มลงในตัวควบคุม TreeView

เพิ่มเว็บฟอร์มที่เรียกว่า SiteMapCustom.aspx จากนั้นลากตัวควบคุม TreeView ไปไว้ เพิ่มรหัสรายการลงในเหตุการณ์ Page_Load ของเว็บฟอร์มนี้:

โมฆะที่ได้รับการป้องกัน Page_Load (ผู้ส่งวัตถุ EventArgs e)
-
int count = SiteMap.RootNode.ChildNodes.Count;
สำหรับ (int i = 0; i < นับ; i++)
-
SiteMapNode smNode=SiteMap.RootNode.ChildNodes[i];
TreeNode tvNode = TreeNode ใหม่ (smNode.Title, "", "", smNode.Url, "");
TreeView1.Nodes.Add (tvNode);
ถ้า (smNode.HasChildNodes)
-
int childCount=smNode.ChildNodes.Count;
สำหรับ (int j = 0; j -
SiteMapNode smChildNode = smNode.ChildNodes[j];
TreeNode tvChildNode = TreeNode ใหม่ (smChildNode.Title,
-
smChildNode.Url, "");
tvNode.ChildNodes.Add (tvChildNode);
-
-
-
-

ที่นี่ ขั้นแรกคุณจะได้รับจำนวนโหนดย่อยทั้งหมดในโหนดรูท จากนั้น คุณวนซ้ำคอลเลกชัน ChildNodes ของโหนดราก ในการวนซ้ำแต่ละครั้ง คุณจะสร้างอินสแตนซ์ใหม่ของคลาส TreeNode และระบุชื่อและ URL ในตัวสร้าง จากนั้น คุณเพิ่ม TreeNode นี้ลงในคอลเลกชัน Nodes ของ TreeView จากนั้น คุณตรวจสอบว่า SiteMapNode ปัจจุบันมีโหนดย่อยหรือไม่ หากมี คุณจะสำรวจมันและทำซ้ำขั้นตอนการสร้าง TreeNode โปรดทราบว่าในครั้งนี้คุณเพิ่ม TreeNodes ใหม่ให้กับคอลเลกชัน ChildNodes ของวัตถุ TreeNode ปัจจุบัน

โปรดทราบว่าคุณใช้ 2 ในลูปเนื่องจากคุณรู้ว่าการซ้อนมีเพียงสองระดับเท่านั้น เพื่อให้ตรรกะของคุณกว้างขึ้น คุณสามารถใช้การเรียกซ้ำเพื่อเติม TreeView

เรียกใช้เว็บฟอร์มแล้วคุณจะเห็นสิ่งที่คล้ายกับรูปที่ 8 อีกครั้ง

6.ใช้การดูแลรักษาความปลอดภัย

บ่อยครั้งที่เว็บไซต์ใช้โมเดลความปลอดภัยตามบทบาท ตัวอย่างเช่น คุณสามารถมีบทบาทที่แตกต่างกันในแอปพลิเคชันของคุณ เช่น ผู้ดูแลระบบ ผู้ทดสอบผลิตภัณฑ์ และผู้ทดสอบบริการ ในสถานการณ์เช่นนี้ คุณมักจะจำเป็นต้องควบคุมลิงก์การนำทางของไซต์ที่แสดงต่อผู้ใช้ ตัวอย่างเช่น หากผู้ใช้ที่เข้าสู่ระบบในปัจจุบันมีบทบาทผู้ทดสอบผลิตภัณฑ์ คุณอาจต้องการแสดงเฉพาะลิงก์ที่เกี่ยวข้องกับผลิตภัณฑ์และซ่อนลิงก์อื่น ๆ วิธีหนึ่งในการจัดการบทบาทคือการใช้การเขียนโค้ดด้วยมือ อย่างไรก็ตาม ต้องใช้ตรรกะการอนุญาตทั้งหมดโดยทางโปรแกรม โชคดีที่ไฟล์แผนผังเว็บไซต์และการควบคุมแหล่งข้อมูล SiteMap ร่วมกันมีคุณลักษณะที่เรียกว่าการตัดแต่งความปลอดภัยเพื่อช่วยเหลือคุณ

เพื่อทดสอบการยกเครื่องการรักษาความปลอดภัย คุณต้องเปิดใช้งานคุณสมบัติการเป็นสมาชิกและบทบาทของไซต์ของคุณ เปิดไฟล์ web.config และเพิ่มแท็กต่อไปนี้:

＜โหมดการรับรองความถูกต้อง = "แบบฟอร์ม" />
<การอนุญาต>
＜ปฏิเสธผู้ใช้="?">
＜/การอนุญาต><

ที่นี่ คุณได้ตั้งค่าโหมดการรับรองความถูกต้องเป็นแบบฟอร์มแล้ว คุณยังสามารถตั้งกฎการอนุญาตเพื่อให้ผู้ใช้ที่ไม่ระบุชื่อถูกบล็อกไม่ให้เข้าถึงไซต์ได้ จากนั้น คุณต้องเปิดใช้งานคุณลักษณะการจัดการบทบาท - โดยการเพิ่มแฟล็กต่อไปนี้ลงในไฟล์ web.config:

＜roleManager เปิดใช้งาน = "true" />

จากนั้นเลือก "เว็บไซต์>การกำหนดค่า ASP.NET" จากเมนู VS.NET เพื่อเปิดเครื่องมือการจัดการเว็บไซต์ ใช้เครื่องมือนี้เพื่อเพิ่มสองบทบาท: ProductTesters และ ServiceTesters (ดูรูปที่ 9) เมื่อผู้ใช้ที่อยู่ในบทบาท ProductTesters ลงชื่อเข้าใช้ คุณจะต้องแสดงลิงก์ที่เกี่ยวข้องกับผลิตภัณฑ์ในตัวควบคุมการนำทาง TreeView เท่านั้น ในทำนองเดียวกัน เมื่อผู้ใช้ที่มีบทบาท ServiceTesters เช็คอิน เฉพาะลิงก์ที่เกี่ยวข้องกับบริการเท่านั้นที่ควรแสดงใน TreeView

รูปที่ 9: การเพิ่มบทบาทโดยใช้เครื่องมือการจัดการเว็บไซต์

ใช้เครื่องมือการจัดการเว็บไซต์เพื่อสร้างผู้ใช้สองคน ชื่อ user1 และ user2 เพิ่ม user1 ให้กับบทบาท ProductTesters และ user2 ให้กับบทบาท ServiceTesters (ดูรูปที่ 10)

รูปที่ 10: การสร้างผู้ใช้โดยใช้เครื่องมือการจัดการเว็บไซต์

หมายเหตุ: ตามค่าเริ่มต้น ข้อมูลผู้ใช้และบทบาทจะถูกจัดเก็บไว้ในฐานข้อมูล ASPNETDB ใต้โฟลเดอร์ App_Data ของเว็บไซต์ของคุณ ฐานข้อมูลนี้จะถูกสร้างขึ้นโดยอัตโนมัติโดย ASP.NET หากไม่มีอยู่

ตอนนี้ ให้เพิ่มไฟล์แผนผังไซต์ใหม่ SecurityTrimming.sitemap ลงในเว็บไซต์และป้อนแท็กต่อไปนี้:

＜?xml version="1.0" encoding="utf-8" ?>
＜แผนผังไซต์ xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
＜siteMapNode url="default.aspx" title="Home" description="เว็บไซต์ของฉัน">
＜siteMapNode title="ผลิตภัณฑ์" Roles="ProductTesters">
＜siteMapNode url="~/products/product1.aspx" title="ผลิตภัณฑ์แรก" />
＜siteMapNode url="~/products/product2.aspx" title="ผลิตภัณฑ์ที่สอง" />

＜siteMapNode title="บริการ" บทบาท = "ผู้ทดสอบบริการ" >
＜siteMapNode url="~/services/service1.aspx" title="บริการครั้งแรก" />
＜siteMapNode url="~/services/service2.aspx" title="บริการที่สอง" />

＜siteMapNode url="contact.aspx" title="ติดต่อเรา" />

＜/แผนผังไซต์><

มาร์กอัปส่วนใหญ่ที่นี่เหมือนกับในไฟล์ web.sitemap อย่างไรก็ตาม มีการเพิ่มแอตทริบิวต์ที่สำคัญให้กับผลิตภัณฑ์และบริการ—siteMapNodes:roles แอ็ตทริบิวต์บทบาทระบุบทบาทที่สามารถเข้าถึงโหนดนี้และโหนดย่อยได้ เนื่องจากลิงก์ที่เกี่ยวข้องกับผลิตภัณฑ์จะแสดงต่อผู้ใช้ที่มีบทบาท ProductTesters เท่านั้น คุณจะต้องตั้งค่าแอตทริบิวต์บทบาทของ Products siteMapNode เป็น ProductTesters ตามตรรกะเดียวกัน คุณจะต้องตั้งค่าแอตทริบิวต์บทบาทของ Services siteMapNode เป็น ServiceTesters SiteMapNodes ที่ไม่มีแอตทริบิวต์บทบาทที่ระบุนั้นสามารถเข้าถึงได้โดยผู้ใช้ทุกคน นอกจากนี้ โปรดทราบว่าโหนดผลิตภัณฑ์และบริการไม่มีแอตทริบิวต์ URL ที่ระบุอีกต่อไป

ตอนนี้ คุณต้องกำหนดค่าผู้ให้บริการแผนผังเว็บไซต์และเปิดใช้งานการปรับปรุงความปลอดภัย เพื่อให้การควบคุมแหล่งข้อมูล SiteMap สามารถทำงานได้ตามความต้องการของคุณ เพิ่มแท็กต่อไปนี้ลงในไฟล์ web.config:

<ผู้ให้บริการ>
＜เพิ่มชื่อ = "ผู้ให้บริการของฉัน"
type="System.Web.XmlSiteMapProvider "
siteMapFile = "SecurityTrimming.sitemap"
ความปลอดภัย TrimmingEnabled = "true" />

ที่นี่ คุณเพิ่มส่วน และระบุผู้ให้บริการที่ชี้ไปยังไฟล์ SecurityTrimming.sitemap โปรดทราบว่าแอตทริบิวต์ securityTrimmingEnabled ที่นี่ได้รับการตั้งค่าเป็นจริงเพื่อรองรับการตัดแต่งความปลอดภัย หลังจากที่คุณกำหนดค่าส่วน ตัวควบคุมแหล่งข้อมูล SiteMap จะ "เลือก" การตั้งค่าเหล่านี้จากส่วนนี้โดยอัตโนมัติ

เพิ่มเว็บฟอร์มใหม่ที่เรียกว่า Login.aspx ให้กับเว็บไซต์ จากนั้น ลากตัวควบคุมการเข้าสู่ระบบลงไปแล้วตั้งค่าคุณสมบัติ DestinationPageUrl เป็น "~/SiteMapDataSourceDemo.aspx" โปรดทราบว่าคุณได้พัฒนา SiteMapDataSourceDemo.aspx ก่อนหน้านี้

เรียกใช้ Login.aspx (ดูรูปที่ 11) และป้อนข้อมูลประจำตัวสำหรับผู้ใช้1

รูปที่ 11: หน้าเข้าสู่ระบบ

หลังจากคุณเข้าสู่ระบบสำเร็จแล้ว คุณจะเห็น TreeView แสดงในรูปที่ 12 เนื่องจาก user1 อยู่ในบทบาท ProductTesters ลิงก์ไปยังบริการจึงถูกซ่อนไว้

รูปภาพ 12: ใช้การตกแต่งใหม่เพื่อความปลอดภัย

7. สรุป

แผนผังเว็บไซต์เป็นไฟล์ XML ซึ่งมีรายละเอียดทั้งหมดเกี่ยวกับโครงสร้างเว็บไซต์ของคุณ คุณสามารถใช้ไฟล์แผนผังเว็บไซต์เพื่อสร้างโครงสร้างการนำทางได้ วิธีทั่วไปสามวิธีในการใช้ไฟล์แผนผังเว็บไซต์คือ: การใช้ตัวควบคุม SiteMapPath การใช้ตัวควบคุมแหล่งข้อมูล SiteMap หรือการใช้คลาส SiteMap คุณยังสามารถใช้คุณลักษณะที่เรียกว่าการตัดแต่งความปลอดภัยเพื่อรองรับการรักษาความปลอดภัยตามบทบาทเพื่อสร้างลิงก์การนำทางที่สร้างขึ้น การควบคุมและคลาสเหล่านี้ร่วมกันจะช่วยสร้างโครงสร้างการนำทางแบบมืออาชีพสำหรับเว็บไซต์ของคุณ