Twitter.Bootstrap.MVC4 - ASP.NET MVC 4 के लिए ट्विटर बूटस्ट्रैप

मैं NuGet पैकेज के बारे में बात करना चाहता हूं, जो उन लोगों के लिए उपयोगी है जिन्होंने ASP.NET MVC 4 और ट्विटर बूटस्ट्रैप के आधार पर एक एप्लिकेशन बनाने का निर्णय लिया। यह पैकेज न केवल ट्विटर बूटस्ट्रैप संसाधनों को परियोजना में जोड़ेगा, बल्कि सामान्य समस्याओं को हल करने के लिए तैयार तरीके भी प्रदान करेगा।

NuGet से पैकेज जोड़ने के लिए, आपको पैकेज मैनेजर कंसोल में चलने की आवश्यकता है:

> इंस्टॉल-पैकेज twitter.bootstrap.mvc4
> स्थापित-पैकेज twitter.bootstrap.mvc4.sample

यहाँ पैकेज में क्या शामिल है:

1. लेआउट , जिसमें मानक खंड जैसे कि सिर और स्क्रिप्ट आदि शामिल हैं।
2. CSS और JavaScript Twitter बूटस्ट्रैप फ़ाइलों के लिए बंडलों को .NET 4.5 System.Web.Optimizations लिए मानक द्वारा संयोजित और छोटा किया जाएगा।
3. मार्ग घोषणा के माध्यम से साइट नेविगेशन बनाने के लिए सहायक - आप जल्दी से साइट मेनू बना सकते हैं।
4. सूचकांक, विवरण और संपादन के लिए डिफ़ॉल्ट दृश्य । आप उन्हें प्रशासनिक इंटरफ़ेस के लिए उपयोग कर सकते हैं - उन्हें मूल CRUD स्क्रिप्ट के लिए बनाने की कोई आवश्यकता नहीं है। इसके बजाय, आप एप्लिकेशन के सार्वजनिक भाग को बनाने में समय बिता सकते हैं।
5. आप नियंत्रक के आधार वर्ग में सहायक समारोह का उपयोग करके उपयोगकर्ता संदेश प्रदर्शित कर सकते हैं। यह TempData का उपयोग करता है और पोस्ट-रीडायरेक्ट-गेट के माध्यम से कार्यान्वित किया जाता है।
6. MVC मचान में रूपों को उत्पन्न करने के लिए टेम्पलेट ।
7. इसके अतिरिक्त, यदि आप twitter.bootstrap.mvc4.sample पैकेज स्थापित करते हैं, तो आपको उपरोक्त सभी का उपयोग करने का एक उदाहरण मिलेगा।

आइए देखें कि यह कैसा दिखता है।

नेविगेशन

तीन नेविगेशन मार्गों को जोड़ने के बाद, हम उन्हें साइट के मुख्य मेनू में देखेंगे। नेविगेशन मार्गों को रूटेसलेशन के लिए एक विशेष एक्सटेंशन विधि के माध्यम से कॉन्फ़िगर किया गया है:

 routes.MapNavigationRoute("Account-navigation", "My Account", "account", new { controller = "Account", action = "Index" }); 

डिफ़ॉल्ट दृश्य

यह एक इंडेक्स पेज का एक उदाहरण है। बस अपने मॉडल में IEnumerable लौटें और एक तालिका स्वचालित रूप से उत्पन्न होती है जो बूटस्ट्रैप तालिकाओं की शैलियों का उपयोग करती है और क्रियाओं के साथ ड्रॉप-डाउन सूची प्रदर्शित करती है। तालिका के शीर्षक मॉडल के गुण होते हैं, शब्दों में टूट जाते हैं, और पृष्ठ के शीर्ष पर मॉडल का नाम दिखाई देता है। इस कार्यक्षमता का उपयोग करके, आप केवल उनके लिए केवल नियंत्रक और मॉडल बनाकर प्रशासनिक पृष्ठों का एक सेट बना सकते हैं।

कार्रवाई की सूची

यह स्क्रीनशॉट क्रियाओं के साथ एक ड्रॉप-डाउन सूची दिखाता है, जिसे किसी भी अतिरिक्त लोगों के साथ आसानी से बदला जा सकता है:

विवरण

और यह एक स्वचालित रूप से उत्पन्न भागों पृष्ठ है। बस अपना मॉडल वापस करें और यह पृष्ठ डिफ़ॉल्ट रूप से जनरेट किया जाएगा:

संपादन और निर्माण

डिफ़ॉल्ट मॉडल संपादन टेम्पलेट ट्विटर बूटस्ट्रैप फॉर्म शैलियों का उपयोग करता है। यह बूटस्ट्रैप द्वारा अनुशंसित मार्कअप उत्पन्न करता है और संपादक टेम्पलेट्स का उपयोग करता है:

मान्यता

यहां बूटस्ट्रैप सत्यापन का एक उदाहरण है, जो डिफ़ॉल्ट टेम्प्लेट में शामिल है:



उत्पन्न लेआउट बूटस्ट्रैप संदेशों को प्रदर्शित कर सकता है। और प्रत्येक प्रकार के संदेश को प्रदर्शित करने के लिए आधार नियंत्रक वर्ग में विधियों को जोड़ा गया है। वे TempData और पोस्ट-रीडायरेक्ट-गेट पैटर्न का उपयोग करते हैं।

पैकेज का स्रोत कोड GitHub पर उपलब्ध है , Twitter बूटस्ट्रैप प्रलेखन भी उपयोगी होगा।