ASP.net MVC में MvcSiteMapProvider का व्यावहारिक उपयोग

ASP.net MVC में MvcSiteMapProvider का व्यावहारिक उपयोग

यह आलेख डायनामिक मेनू बनाने के लिए MvcSiteMapProvider के उपयोग को दर्शाता है, साइट मानचित्र और "ब्रेडक्रंब" बनाने के लिए इसका उपयोग कैसे करें।

मैं MVC संगीत स्टोर प्रशिक्षण परियोजना पर MvcSiteMapProvider का उपयोग करने का अभ्यास दिखाऊंगा।

साइट की संरचना इस प्रकार है
घर
दुकान
चट्टान
काम पर पुरुषों का सबसे अच्छा काम पर पुरुषों का सबसे अच्छा
रॉक के बारे में हम आपको सलाम करते हैं
क्लासिक
जाज
...
व्यवस्थापक

MvcSiteMapProvider के स्रोत Github , MS-PL लाइसेंस पर हैं।
नगेट का उपयोग कर एक परियोजना में स्थापित करना (देखें-> अन्य विंडो-> पैकेज प्रबंधक कंसोल)

 PM> इंस्टॉल-पैकेज MvcSiteMapProvider

इस पैकेज को स्थापित करने के बाद, दृश्य / साझा / प्रदर्शन फ़ोल्डर में एक नया दृश्य दिखाई देगा।

मैंने अनावश्यक * .ascx फ़ाइलों को हटा दिया।
इसके अलावा परियोजना की जड़ में Mvc.sitemap और MvcSiteMapSchema.xsd दिखाई देगा।
निम्नलिखित पंक्तियों को web.config में जोड़ा जाएगा:

<siteMap defaultProvider="MvcSiteMapProvider" enabled="true"> <providers> <clear /> <add name="MvcSiteMapProvider" type="MvcSiteMapProvider.DefaultSiteMapProvider, MvcSiteMapProvider" siteMapFile="~/Mvc.Sitemap" securityTrimmingEnabled="true" cacheDuration="5" enableLocalization="true" scanAssembliesForSiteMapNodes="true" includeAssembliesForScan="" excludeAssembliesForScan="" attributesToIgnore="visibility" nodeKeyGenerator="MvcSiteMapProvider.DefaultNodeKeyGenerator, MvcSiteMapProvider" controllerTypeResolver="MvcSiteMapProvider.DefaultControllerTypeResolver, MvcSiteMapProvider" actionMethodParameterResolver="MvcSiteMapProvider.DefaultActionMethodParameterResolver, MvcSiteMapProvider" aclModule="MvcSiteMapProvider.DefaultAclModule, MvcSiteMapProvider" siteMapNodeUrlResolver="MvcSiteMapProvider.DefaultSiteMapNodeUrlResolver, MvcSiteMapProvider" siteMapNodeVisibilityProvider="MvcSiteMapProvider.DefaultSiteMapNodeVisibilityProvider, MvcSiteMapProvider" siteMapProviderEventHandler="MvcSiteMapProvider.DefaultSiteMapProviderEventHandler, MvcSiteMapProvider" /> </providers> </siteMap> </code> 

सबसे पहले, हम Mvc.sitemap में रुचि रखते हैं, डिफ़ॉल्ट रूप से ऐसा दिखता है:

 <?xml version="1.0" encoding="utf-8" ?> <mvcSiteMap xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://mvcsitemap.codeplex.com/schemas/MvcSiteMap-File-3.0" xsi:schemaLocation="http://mvcsitemap.codeplex.com/schemas/MvcSiteMap-File-3.0 MvcSiteMapSchema.xsd" enableLocalization="true"> <mvcSiteMapNode title="Home" controller="Home" action="Index"> <mvcSiteMapNode title="About" controller="Home" action="About"/> </mvcSiteMapNode> </mvcSiteMap> 

साइट मानचित्र का मुख्य तत्व mvcSiteMapNode xml तत्व है। इसकी मुख्य विशेषताएं:

• शीर्षक - ब्राउज़र में प्रदर्शित आइटम का नाम
• कंट्रोलर - कंट्रोलर, रूट से
• क्रिया - क्रिया, मार्ग से
• क्षेत्र - क्षेत्र (area), मार्ग से
• डायनेमिककोडप्रोवाइडर - वह वर्ग जो इस नोड के बजाय mvcSiteMap सेट बनाता है
• दृश्यता - नोड की दृश्यता, केवल साइटमैप या केवल मेनू या अन्य विकल्प

मैंने इसमें साइट की संरचना के अनुरूप नोड्स जोड़े हैं:

 <?xml version="1.0" encoding="utf-8" ?> <mvcSiteMap xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://mvcsitemap.codeplex.com/schemas/MvcSiteMap-File-3.0" xsi:schemaLocation="http://mvcsitemap.codeplex.com/schemas/MvcSiteMap-File-3.0 MvcSiteMapSchema.xsd" enableLocalization="true"> <mvcSiteMapNode title="Home" controller="Home" action="Index"> <mvcSiteMapNode title="Store" controller="Store" action="Index"> </mvcSiteMapNode> <mvcSiteMapNode title="Cart" controller="ShoppingCart" action="Index" /> <mvcSiteMapNode title="Admin" controller="StoreManager" action="Index" > </mvcSiteMapNode> </mvcSiteMapNode> </mvcSiteMap> 

यहाँ केवल 4 मुख्य पृष्ठ जोड़े गए हैं। अब आपको साइट मैप में शैलियों और एल्बमों को जोड़ना होगा:

• चट्टान
  
  • काम पर पुरुषों का सबसे अच्छा काम पर पुरुषों का सबसे अच्छा
  • रॉक के बारे में हम आपको सलाम करते हैं
  • ...
  
  
• क्लासिक
• जाज
• ...

क्योंकि चूंकि हमारी साइट गतिशील है, इसलिए एल्बम और शैलियों में लगातार बदलाव होगा और एक स्थैतिक साइट का नक्शा काम नहीं करेगा। इस समस्या को हल करने के लिए, MvcSiteMapProvider में डायनेमिक नोडप्रोवाइडर है। तो, चलो एक वर्ग बनाएँ जो कि DynamicNodeProviderBase से विरासत में मिला है और GetDynamicNodeCollection विधि को फिर से परिभाषित करें, डेटा डेटाबेस से लिया जाएगा:

 public class StoreDynamicNodeProvider : DynamicNodeProviderBase { public MusicStoreEntities _db = new MusicStoreEntities(); public override IEnumerable<DynamicNode> GetDynamicNodeCollection() { var nodes = new List<DynamicNode>(); var items = _db.Genres.ToList(); foreach (var item in items) { DynamicNode node = new DynamicNode(); //        node.Key = "store_" + item.GenreId.ToString(); node.RouteValues.Add("genre", item.Name); node.Action = "Browse"; node.Controller = "Store"; node.Title = item.Name; nodes.Add(node); if (item.Albums!=null) { foreach (var item2 in item.Albums) { DynamicNode node2 = new DynamicNode(); node2.Key = "album_" + item2.AlbumId.ToString(); node2.ParentKey = node.Key; node2.RouteValues.Add("id", item2.AlbumId); node2.Action = "Details"; node2.Controller = "Store"; node2.Title = item2.Title; nodes.Add(node2); } } } return nodes; } } 

अब आपको Mvc.sitemap में स्टोर नोड को बदलने की आवश्यकता है:

 <mvcSiteMapNode title="Store" controller="Store" action="Index"> <mvcSiteMapNode title="" controller="Store" action="Index" dynamicNodeProvider="MvcMusicStore.Infrastructure.StoreDynamicNodeProvider, MvcMusicStore"/> </mvcSiteMapNode> 

यहां मुख्य परिवर्तन डायनामेनोडप्रोइडर विशेषता के अतिरिक्त है, जो गतिशील नोड्स के जनरेटर वर्ग के लिए पूर्ण पथ को इंगित करता है।

वेबसाइट टेम्पलेट और मेनू रेंडरिंग में ब्रेडक्रंब जोड़ें
फ़ाइल में दृश्य / साझा / _Layout.cshtml जोड़ें:

  <div style="text-align: center;">  : @Html.MvcSiteMap().SiteMapPath() </div> @Html.MvcSiteMap().Menu(2, 1) 

अब बाएं मेनू में सक्रिय आइटम का चयन करते हैं, इसके लिए हमें टेम्पलेट दृश्य / साझा / डिस्प्लेटेम्पलेट / मेनूहेल्पर मोडल.क्लेट को बदलने की आवश्यकता है

 <ul id="menu"> @foreach (var node in Model.Nodes) { <li style="@(node.IsInCurrentPath && !node.IsRootNode ? "text-decoration: underline;" : "")"> <a href="@node.Url">@node.Title</a> </li> } </ul> 

आपको निम्न जैसा कुछ मिलता है:


हम व्यवस्थापक पैनल को पास करते हैं।
व्यवस्थापक पैनल में, मैं चाहता हूं कि साइट पर केवल पथ प्रदर्शित हो, लेकिन बाईं ओर मेनू नहीं है।
संरचना इस प्रकार है:

• व्यवस्थापक
  
  • फेसलिफ्ट एल्बम का संपादन
  • फेसलिफ्ट एल्बम देखें
  • फेसलिफ्ट एल्बम हटाएं
  • और प्रत्येक एल्बम के लिए
  
  

इसी तरह स्टोर सेक्शन के लिए, डायनेमिकनोडप्रोवाइडरबेस से विरासत में मिला एक वर्ग जोड़ें।

 public class AdminDynamicNodeProvider : DynamicNodeProviderBase { public MusicStoreEntities _db = new MusicStoreEntities(); public override IEnumerable<DynamicNode> GetDynamicNodeCollection() { var nodes = new List<DynamicNode>(); var items = _db.Albums.ToList(); foreach (var item in items) { var node=new DynamicNode() { Key="admin_album_edit_"+ item.AlbumId.ToString(), Action="Edit", Controller="StoreManager", Title="  "+item.Title }; node.RouteValues.Add("id", item.AlbumId); nodes.Add(node); node = new DynamicNode() { Key = "admin_album_delete_" + item.AlbumId.ToString(), Action = "Delete", Controller = "StoreManager", Title = "  " + item.Title }; node.RouteValues.Add("id", item.AlbumId); nodes.Add(node); node = new DynamicNode() { Key = "admin_album_details_" + item.AlbumId.ToString(), Action = "Details", Controller = "StoreManager", Title = "  " + item.Title }; node.RouteValues.Add("id", item.AlbumId); nodes.Add(node); } return nodes; } } 

इसी तरह, व्यवस्थापक नोड बदलें:

 <mvcSiteMapNode title="Admin" controller="StoreManager" action="Index" > <mvcSiteMapNode title="" controller="StoreManager" action="Index" dynamicNodeProvider="MvcMusicStore.Infrastructure.AdminDynamicNodeProvider, MvcMusicStore"/> <mvcSiteMapNode title="Create" controller="StoreManager" action="Create" /> </mvcSiteMapNode> 

निम्नलिखित निकलेगा:


हमें मेनू में सभी अनावश्यक वस्तुओं को छिपाने की आवश्यकता है, लेकिन साइट पर पथ को सही ढंग से प्रदर्शित किया जाना चाहिए। ऐसा करने के लिए, Mvc.sitemap आवश्यक nodah ऐड विशेषता दृश्यता = «SiteMapPathHelper ,! *» , और यह काम अनुभाग जहां «MvcSiteMapProvider.FilteredSiteMapNodeVisibilityProvider, MvcSiteMapProvider» करने के लिए जोड़ा मूल्य Mvc.sitemap परिवर्तन siteMapNodeVisibilityProvider विशेषता में web.config में महत्वपूर्ण है बनाने के लिए।
Mvc.sitemap फ़ाइल का अंतिम संस्करण:

 <?xml version="1.0" encoding="utf-8" ?> <mvcSiteMap xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://mvcsitemap.codeplex.com/schemas/MvcSiteMap-File-3.0" xsi:schemaLocation="http://mvcsitemap.codeplex.com/schemas/MvcSiteMap-File-3.0 MvcSiteMapSchema.xsd" enableLocalization="true"> <mvcSiteMapNode title="Home" controller="Home" action="Index" visibility=""> <mvcSiteMapNode title="Store" controller="Store" action="Index"> <mvcSiteMapNode title="" controller="Store" action="Index" dynamicNodeProvider="MvcMusicStore.Infrastructure.StoreDynamicNodeProvider, MvcMusicStore"/> </mvcSiteMapNode> <mvcSiteMapNode title="Cart" controller="ShoppingCart" action="Index" /> <mvcSiteMapNode title="Admin" controller="StoreManager" action="Index" > <mvcSiteMapNode title="" controller="StoreManager" action="Index" visibility="SiteMapPathHelper,!*" dynamicNodeProvider="MvcMusicStore.Infrastructure.AdminDynamicNodeProvider, MvcMusicStore"/> <mvcSiteMapNode title="Create" controller="StoreManager" visibility="SiteMapPathHelper,!*" action="Create" /> </mvcSiteMapNode> </mvcSiteMapNode> </mvcSiteMap> 

अब सब कुछ सही ढंग से प्रदर्शित होता है:


वह, वास्तव में, सब है।
उदाहरण के लिए स्रोत कोड यहां डाउनलोड किया जा सकता है।