💪🏻 🕜 🙃 ASP.NET डायनेमिक डेटा आधारित डेटा प्रबंधन प्रणाली 💈 🕯️ 🗽

संकल्पना

मैं काफी समय से ASP.NET के साथ काम कर रहा हूं। कई परियोजनाओं को विकसित करते समय, मैं अक्सर इस तथ्य पर आता हूं कि एक ही प्रकार के डेटा प्रबंधन संचालन में बहुत अधिक समय लगता है। स्वाभाविक रूप से, सीएमएस सिस्टम साइटों के लिए मौजूद हैं, और अधिक जटिल प्रणालियों के लिए विभिन्न टेम्पलेट पेज जनरेटर हैं जो संपादन रूपों और देखने की जानकारी के लिए रिक्त स्थान बनाते हैं। लेकिन मैं एक अधिक सार्वभौमिक उपकरण प्राप्त करना चाहता था, जो एक ही समय में आवेदन की वास्तुकला के निर्माण की प्रक्रिया पर प्रतिबंध नहीं लगाएगा।

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

.NET प्लेटफ़ॉर्म के लिए उस समय क्या मौजूद था, इसकी जांच करने के बाद, मैंने ASP.NET डायनामिक डेटा सिस्टम का विकल्प चुना। वह डेटा प्रबंधन प्रणाली का मूल बन गया। इस प्रणाली का मुख्य विचार डेटा प्रबंधन (बैकएंड) और अंत उपयोगकर्ताओं (फ्रंटएंड) के साथ बातचीत करने वाले सिस्टम का पूर्ण पृथक्करण है। इसके अलावा, मेरी कई परियोजनाओं में, न केवल वेब एप्लिकेशन, बल्कि डेस्कटॉप एप्लिकेशन, मोबाइल एप्लिकेशन और क्लाइंट एप्लिकेशन भी लागू किए जाते हैं जो .NET प्लेटफॉर्म पर लागू नहीं होते हैं, फ्रंटएंड सिस्टम के रूप में कार्य करते हैं।

यह इस तथ्य के कारण प्राप्त होता है कि एकीकरण DBMS स्तर पर होता है, न कि सिस्टम मॉड्यूल स्तर पर:

यह दृष्टिकोण आपको डेटा प्रबंधन के लिए जल्दी से तैयार उपकरण प्राप्त करने की अनुमति देता है और साथ ही मुख्य आवेदन पर वास्तु प्रतिबंध नहीं लगाता है। जो बदले में आवेदन के निर्माण पर ध्यान केंद्रित करने में मदद करता है।

परियोजना में प्रयुक्त प्रौद्योगिकी और घटक

ASP.NET डायनेमिक डेटा एक वेब एप्लिकेशन है जो डेटा एक्सेस और संपादन इंटरफ़ेस बनाने के लिए मचान तकनीक का उपयोग करता है। इंटरफ़ेस के निर्माण के लिए जानकारी कक्षाओं के मेटाडेटा से ली गई है। कस्टम टेम्पलेट का उपयोग करके रेंडरिंग प्रक्रिया को नियंत्रित किया जा सकता है।
ट्विटर बूटस्ट्रैप वेबसाइटों और वेब एप्लिकेशन बनाने के लिए उपकरणों का एक नि: शुल्क सेट है। टाइपोग्राफी, वेब फॉर्म, बटन, टैग, नेविगेशन ब्लॉक और जावास्क्रिप्ट एक्सटेंशन सहित अन्य वेब इंटरफेस घटकों के लिए HTML और सीएसएस डिजाइन टेम्पलेट शामिल हैं।
jQuery एक लोकप्रिय जावास्क्रिप्ट लाइब्रेरी है।
विंडोज एज़्योर एसडीके - विंडोज एज़्योर के साथ काम करने के लिए पुस्तकालयों का एक सेट
एंटिटी फ्रेमवर्क - .NET फ्रेमवर्क के लिए ORM सिस्टम
चुना - जावास्क्रिप्ट प्लगइन जो आपको ड्रॉप-डाउन सूचियों में फ़िल्टरिंग जोड़ने की अनुमति देता है
jQuery UI - वेब अनुप्रयोगों में समृद्ध उपयोगकर्ता इंटरफेस बनाने के लिए एक ओपन सोर्स जावास्क्रिप्ट लाइब्रेरी, jQuery परियोजना का हिस्सा
CKEditor - फ्री WYSIWYG वेब संपादक

मेटाडेटा जनरेशन टूल

मेटाडेटा जनरेशन टूल आपको Entity Frameowrk द्वारा उत्पन्न वर्गों के लिए आंशिक कक्षाएं बनाने की प्रक्रिया को स्वचालित करने की अनुमति देता है।
आंशिक कक्षाओं को एक अलग निर्देशिका में रखा जाता है और प्रत्येक प्लेलिस्ट के लिए मेटाडेटा होता है।
कुछ क्षेत्रों को स्वचालित रूप से संबंधित मेटाडेटा के साथ चिह्नित किया जाता है, उदाहरण के लिए, इसके नाम में "सामग्री" वाला क्षेत्र स्वचालित रूप से [ब्राउज़ करने योग्य (झूठा)] और [UIHint (Control.Html)] जैसी विशेषताओं को प्राप्त करेगा। यही है, फ़ील्ड को सूचियों और तालिकाओं में प्रदर्शित नहीं किया जाएगा, और संपादक के रूप में इसके लिए CKEditor wysiwyg संपादक बनाया जाएगा ( मैं यहां एक छोटा सा विषयांतर बनाना चाहता हूं और कहता हूं कि चूंकि मुझे NuGet निर्देशिका में CKEditor के वर्तमान 4 संस्करण नहीं मिल पाए हैं, मैं मैंने अपना स्वयं का पैकेज बनाया, जिसमें मैं संपादक के वर्तमान संस्करणों का समर्थन करने की योजना बना रहा हूं। पैकेज यहां है: nuget.org/packages/xckeditor ) आंशिक कक्षाओं के साथ फाइल तैयार होने के बाद, उनमें मेटाडेटा को मैन्युअल रूप से संपादित किया जा सकता है और बेस मॉडल वाले प्रोजेक्ट में जोड़ा जा सकता है डेटा।

प्राथमिक प्रणाली विन्यास

सिस्टम को कॉन्फ़िगर करने के लिए, आपको web.cofig फ़ाइल में ऐसे फ़ील्ड का मान निर्दिष्ट करना होगा:

शीर्षक - परियोजना का नाम
रूटलॉगिन - सिस्टम उपयोगकर्ता लॉगिन
रूटपासवर्ड - सिस्टम यूजर पासवर्ड
WebsiteUrl - वेब एप्लिकेशन पता
WebsiteStorageConnectionString - वेब एप्लिकेशन स्थित है, जहां भंडारण के लिए कनेक्शन स्ट्रिंग
FileStorageUrl - डाउनलोड फ़ाइल भंडारण की जड़ यूआरएल
FileStorageConnectionString - भंडारण में कनेक्शन स्ट्रिंग जिसमें डाउनलोड की गई फाइलें स्थित हैं
DataContextAssemblyLocation - विधानसभा के मॉडल वर्गों से युक्त पथ। (EntityFrameowrk द्वारा निर्मित)
BlobContainerName - अगर फ़ाइलों को Windows Azure क्लाउड स्टोरेज में भेजा जाता है, तो इसका उपयोग किया जाता है

मुख्य वेब एप्लिकेशन से कॉन्फ़िगरेशन फ़ाइल में डेटाबेस से कनेक्शन स्ट्रिंग को जोड़ना भी आवश्यक है।

उदाहरण विन्यास फाइल (web.config)

<?xml version="1.0" encoding="utf-8"?> <configuration> <configSections> <section name="entityFramework" type="System.Data.Entity.Internal.ConfigFile.EntityFrameworkSection, EntityFramework, Version=5.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" requirePermission="false" /> </configSections> <connectionStrings> <add name="Entities" connectionString="metadata=res://*/DataModel.csdl|res://*/DataModel.ssdl|res://*/DataModel.msl;provider=System.Data.SqlClient;provider connection string="data source=sql.example.com;initial catalog=exampledb;persist security info=True;user id=user;password=p@ssw0rd;MultipleActiveResultSets=True;App=EntityFramework"" providerName="System.Data.EntityClient" /> </connectionStrings> <appSettings> <add key="webpages:Version" value="2.0" /> <add key="webpages:Enabled" value="true" /> <add key="enableSimpleMembership" value="false" /> <add key="autoFormsAuthentication" value="false" /> <add key="PreserveLoginUrl" value="true" /> <add key="ClientValidationEnabled" value="true" /> <add key="UnobtrusiveJavaScriptEnabled" value="true" /> <add key="Title" value="Andrew Gubskiy" /> <add key="Logo" value="http://example.com/images/logo.png" /> <add key="RootLogin" value="user" /> <add key="RootPassword" value="p@ssw0rd" /> <add key="WebsiteUrl" value="http://example.com/" /> <add key="WebsiteStorageConnectionString" value="ftp://user:password@example.com/site/wwwroot/" /> <add key="FileStorageConnectionString" value="DefaultEndpointsProtocol=http;AccountName=somecaaountname;AccountKey=som1ea21kk2o5uts53nskey==" /> <add key="FileStorageUrl" value="http://somename.blob.core.windows.net/example-com-container/" /> <add key="DataContextAssemblyLocation" value="C:\www\admin.example.com\dal.dll" /> <add key="BlobContainerName" value="example-com-container" /> </appSettings> <system.web> <compilation debug="true" targetFramework="4.5"> <assemblies> <add assembly="System.Web.Entity, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" /> <add assembly="System.Data.Entity, Version=4.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" /> </assemblies> </compilation> <httpRuntime requestValidationMode="2.0" targetFramework="4.5"></httpRuntime> <roleManager enabled="true" /> <membership defaultProvider="XMembershipProvider"> <providers> <clear /> <add name="XMembershipProvider" type="X.DynamicData.Core.XMembershipProvider" /> </providers> </membership> <authentication mode="Forms"> <forms name=".auth_dms" loginUrl="~/System/Login.aspx" protection="All" path="/" timeout="30" /> </authentication> <pages controlRenderingCompatibilityVersion="4.0"> </pages> </system.web> <entityFramework> <defaultConnectionFactory type="System.Data.Entity.Infrastructure.LocalDbConnectionFactory, EntityFramework"> <parameters> <parameter value="v11.0" /> </parameters> </defaultConnectionFactory> </entityFramework> <runtime> <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1"> <dependentAssembly> <assemblyIdentity name="WebGrease" publicKeyToken="31bf3856ad364e35" culture="neutral" /> <bindingRedirect oldVersion="0.0.0.0-1.3.0.0" newVersion="1.3.0.0" /> </dependentAssembly> </assemblyBinding> </runtime> </configuration>

सिस्टम के कॉन्फ़िगर होने के बाद, आप जैसा चित्रण देख सकते हैं, वैसा ही एक इंटरफ़ेस आपको तुरंत उपलब्ध हो जाएगा:

फाइलें अपलोड करें

प्रारंभ में, यह माना गया था कि नियंत्रण प्रणाली और वेब एप्लिकेशन एक ही सर्वर पर स्थित होंगे, और इसलिए फ़ाइल डाउनलोड केवल वेब एप्लिकेशन निर्देशिका के लिए सीधे समर्थित थे।
नए संस्करण में ऐसा कोई प्रतिबंध नहीं है - अब प्रबंधन प्रणाली और वेब एप्लिकेशन विभिन्न होस्टिंग साइटों पर स्थित हो सकते हैं।
कुल मिलाकर, वेब एप्लिकेशन के फ़ाइल स्टोरेज के साथ इंटरैक्ट करने के तीन विकल्प समर्थित हैं:

फाइल सिस्टम
एफ़टीपी
विंडोज एज़्योर क्लाउड स्टोरेज ब्लॉब स्टोरेज

प्रबंधन प्रणाली और वेब अनुप्रयोग एक ही सर्वर पर हैं

इस मामले में, मापदंडों में WebsiteUrl , WebsiteStorageConnectionString , FileStorageUrl और FileStorageConnectionString, आपको वेब एप्लिकेशन की संबंधित निर्देशिकाओं के लिए पथ निर्दिष्ट करने की आवश्यकता है।

प्रबंधन प्रणाली और वेब एप्लिकेशन अलग-अलग सर्वर सर्वर (FTP के माध्यम से) पर स्थित हैं

इस स्थिति में, WebsiteStorageConnectionString और FileStorageConnectionString फॉर्म के एफ़टीपी कनेक्शन स्ट्रिंग के साथ आबाद हैं:

 ftp://user:password@example.com/wwwroot/site/  ftp://user:password@example.com/wwwroot/site/static

वेब एप्लिकेशन विंडोज एज़्योर पर (क्लाउड स्टोरेज के माध्यम से)

यह एक्सेस विकल्प, WebsiteStorageConnectionString और FileStorageConnectionString मानकों को भरने के अलावा, Windows Azure संग्रहण में कंटेनर का नाम निर्दिष्ट करने की भी आवश्यकता है : BlobContainerName

डायनेमिक डेटा के मूल संस्करण से अंतर

इकाई फ्रेमवर्क 5.0 के लिए समर्थन जोड़ा गया
पुन: डिज़ाइन किया गया विज़ुअल इंटरफ़ेस (ट्विटर बूटस्ट्रैप के आधार पर, मोबाइल उपकरणों के साथ संगतता जोड़ा गया)
जोड़ा गया फ़ाइल अपलोड कार्यक्षमता वेब अनुप्रयोग के लिए
HTML संपादक (CKEditor), मानचित्र (Google मानचित्र), कैलेंडर और अन्य जैसे फ़ील्ड संपादक जोड़े गए
कई-कई रिश्तों को गलत तरीके से तय किया
सर्वर कॉन्फ़िगरेशन जानकारी देखने की क्षमता जोड़ा गया
सिस्टम में लॉग इन करने की क्षमता को जोड़ा
और भी बहुत कुछ

अब सम्मिलित हों

हर कोई सिस्टम से परिचित हो सकता है।
प्रोजेक्ट सोर्स कोड GitHub पर उपलब्ध हैं।

ASP.NET डायनेमिक डेटा आधारित डेटा प्रबंधन प्रणाली