खाली वेब साइट टेम्पलेट और C # भाषा पर Visual Studio में MVC JSON नियंत्रक का उपयोग करना

यह आलेख दृश्य स्टूडियो 2010 में MVC3 लाइब्रेरी को जोड़ने पर ध्यान केंद्रित करेगा। लेकिन हम ASP.NET MVC3 वेब एप्लिकेशन प्रोजेक्ट टेम्पलेट का उपयोग नहीं करेंगे, लेकिन खाली वेब साइट टेम्पलेट के आधार पर एक वेब साइट (वेब ​​साइट) बनाएं, फिर खरोंच से खाओ। हम लाइब्रेरी को खाली वेब साइट से जोड़ देंगे, जैसा कि वेब साइट के लिए कोई MVC टेम्पलेट नहीं है।
लेख के अंत में, एमवीसी लाइब्रेरी पर आधारित एक JSON कंट्रोलर लागू किया जाएगा।
मैं इसे चित्रों के साथ समझाऊंगा, लेकिन वे सम्मिलित नहीं हैं। इसलिए, मैं शब्दों में समझाऊंगा।

प्रागितिहास

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

1. MVC3 डाउनलोड और इंस्टॉल करें।
2. आइटम का चयन करें:
   फ़ाइल -> नई -> परियोजना ... -> स्थापित टेम्पलेट -> दृश्य C # -> वेब -> "ASP.NET MVC3 वेब अनुप्रयोग" -> ठीक है।

लेकिन क्या होगा अगर कोई व्यक्ति "वेब साइट" बनाना चाहता है और "वेब एप्लिकेशन" नहीं। फिर वह निम्न मेनू आइटम क्लिक करता है:
फ़ाइल -> नया -> वेब साइट -> स्थापित टेम्पलेट -> दृश्य C #
और फिर वह खोजता है कि यह MVC3 कहां है: "मैंने इसे डाउनलोड और इंस्टॉल किया है।"
यदि आप बारीकी से देखते हैं, तो MVC3 स्थापित नहीं था: एक नया टेम्पलेट "ASP.NET वेब साइट (रेजर)" दिखाई दिया। रेजर निश्चित रूप से शांत है, लेकिन एमवीसी इसमें नहीं था।
तो, यह पता चला है कि वेब साइट के लिए कोई एमवीसी परियोजना नहीं है।
इसके अलावा, मैं मानता हूं कि मुझे "ASP.NET MVC3 वेब एप्लिकेशन" खाका पसंद नहीं आया, क्योंकि इसमें बहुत अधिक है। मेरे लिए यह आवश्यक होगा कि मैं वहाँ आवश्यक पुस्तकालयों को शामिल करूँ और एक निर्देशिका संरचना तैयार करूँ। जब मैं परियोजना की सामग्री को नियंत्रित करता हूं तो यह मेरे लिए अधिक सुविधाजनक होता है।
इसलिए, "खाली वेब साइट" टेम्पलेट के आधार पर स्क्रैच से एमवीसी प्रोजेक्ट बनाना मेरे लिए आसान था।
मैं विवरण में नहीं जाऊंगा कि इसका उपयोग करना बेहतर है: "वेब साइट" या "वेब एप्लिकेशन"। मुझे ईमानदारी से यकीन नहीं है कि मैं उनके फायदे और नुकसान का पूरी तरह से प्रतिनिधित्व करता हूं। लेकिन जैसा कि यह हो सकता है, विज़ुअल स्टूडियो में नई परियोजना "वेब साइट" का एक संस्करण है। इसलिए, इसका उपयोग किया जाता है। इसलिए, कोई इसके आधार पर एमवीसी का उपयोग करना चाहेगा।
मुझे परेशान करने वाली एकमात्र बात यह थी कि "ASP.NET MVC3 वेब अनुप्रयोग" टेम्पलेट में कुछ विशेषताएं थीं जिन्हें मैं "वेब साइट" परियोजना में महसूस नहीं कर सकता था:

• निर्देशिका संरचना अलग थी, क्योंकि सभी कक्षाएं App_Code फ़ोल्डर में होनी चाहिए
• "वेब साइट" में यह "नियंत्रकों" निर्देशिका पर राइट-क्लिक करने और ऐड -> नियंत्रक का चयन करने के लिए काम नहीं करेगा।

मैंने इन खामियों को ठीक करने में कुछ समय बिताया जब तक कि मैं एक लेख में नहीं आया, जहां लेखक ने उन्हें अनदेखा किया। इसलिए, मैंने फैसला किया कि इन दो बिंदुओं को लागू करना एक बहुत ही महंगी प्रक्रिया होगी और अभी के लिए, आप उनके बिना कर सकते हैं।

प्रस्तावना

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

परियोजना निर्माण

1. MVC3 डाउनलोड और इंस्टॉल करें।
2. प्रोजेक्ट बनाने से पहले, आपको IIS सर्वर शुरू करना होगा। वहां एक नई साइट बनाएं। इसे मेजबानों फ़ाइल में पंजीकृत करें।
3. एक व्यवस्थापक के रूप में विज़ुअल स्टूडियो खोलें (अन्यथा विज़ुअल स्टूडियो IIS सर्वर पर प्रोजेक्ट को होस्ट और संपादित नहीं करना चाहेगा)।
4. फ़ाइल का चयन करें -> नया -> वेब साइट -> स्थापित टेम्पलेट -> दृश्य C # -> खाली वेब साइट
5. .NET फ्रेमवर्क 4 का चयन
6. वेब स्थान चुनना: HTTP
7. हम अपनी साइट पर यूआरएल रजिस्टर करते हैं, "ओके" पर क्लिक करें

प्रोजेक्ट सेटअप

"समाधान एक्सप्लोरर" खोलें। प्रारंभ में, हमारे पास प्रोजेक्ट में केवल एक फ़ाइल है: web.config।
Global.asax फ़ाइल जोड़ें, जो साइट के सभी अनुरोधों को संसाधित करेगी:
समाधान एक्सप्लोरर में एक परियोजना पर राइट-क्लिक करें। फिर आइटम "नया आइटम जोड़ें ..."। "ग्लोबल एप्लिकेशन क्लास" का चयन करें।
चूंकि हम MVC 3 लाइब्रेरी का उपयोग करने जा रहे हैं, हम इसे प्रोजेक्ट में जोड़ देंगे:
"समाधान एक्सप्लोरर" में परियोजना पर बटन पर क्लिक करें। फिर आइटम "संदर्भ जोड़ें ..."। ढूँढें और System.Web.Mvc संस्करण 3 जोड़ें।
अब यदि आप web.config खोलते हैं, तो हम देखेंगे कि यह वहीं था जो पंजीकृत था। इस लाइब्रेरी को वेब रूपों और Global.asax फ़ाइल में उपलब्ध कराने के लिए, निम्न कोड को "system.web" टैग में जोड़ें:

<pages> <namespaces> <add namespace="System.Web.Mvc"/> <add namespace="System.Web.Routing"/> </namespaces> </pages> 

रूट सेटअप

Global.asax खोलें और निम्न कोड को Application_Start () फ़ंक्शन में पेस्ट करें:

  AreaRegistration.RegisterAllAreas(); RouteTable.Routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); RouteTable.Routes.MapRoute( "Default", "{controller}/{action}" ); 

यहां जो महत्वपूर्ण है वह यह है कि URL में कक्षा का नाम {कंट्रोलर}, बल्कि "कंट्रोलर" शब्द के बिना और {एक्शन} के स्थान पर लिखना जरूरी होगा - क्लास मेथड।
यही है, अगर URL = "http://site.com/Employeer/List", तो EmployeerController वर्ग की सूची विधि को कहा जाएगा।

नियंत्रक निर्माण

App_Code कक्षाओं के लिए एक निर्देशिका जोड़ें:
समाधान एक्सप्लोरर में एक परियोजना पर राइट-क्लिक करें। फिर "ASP.NET फ़ोल्डर जोड़ें" आइटम। "App_Code" चुनें।
इस निर्देशिका में वर्ग EmployeeController.cs जोड़ें।
नियंत्रक को System.Web.Mvc.Controller क्लास से इनहेरिट करना होगा।

 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; public class EmployeeController:Controller{ public ActionResult List() { return Json(new {ID=123,Name="Name1" }); } } 

नियंत्रक प्रारंभ

अब, यदि सब कुछ सही ढंग से किया गया है, और ब्राउज़र में "http://site.com/Employeer/List" जैसे पते दर्ज हैं, तो सर्वर को एक त्रुटि फेंकनी चाहिए:
इस अनुरोध को अवरुद्ध कर दिया गया है क्योंकि संवेदनशील जानकारी तीसरे पक्ष की वेब साइटों पर प्रकट की जा सकती है जब इसका उपयोग GET अनुरोध में किया जाता है। GET अनुरोधों की अनुमति देने के लिए, JsonRequestBehavior को AllowGet पर सेट करें।
इसका मतलब यह है कि कुछ सुरक्षा है ताकि json डेटा केवल वर्तमान साइट से देखा जा सके। आप इस सुरक्षा को अक्षम कर सकते हैं:

 public class EmployeeController:Controller{ public ActionResult List() { return new JsonResult { new {ID=123,Name="Name1" } , JsonRequestBehavior = JsonRequestBehavior.AllowGet }; } } 

लेकिन इस सुरक्षा को अक्षम नहीं करना बेहतर है, लेकिन सर्वर को यह बताना है कि अनुरोध उसी साइट से आ रहा है।
ऐसा करने के लिए, index.html पेज बनाएं, jquery.js को js फ़ोल्डर में जोड़ें और jquery का उपयोग करके ajax अनुरोध निष्पादित करें।
index.html:

 <html> <head> <script src=" /js/jquery.js" type="text/javascript"></script> </head> <body> ddddfsf <script type="text/javascript"> $(function(){ $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", dataType: 'json', url: " /Employee/List", success: function(data) {alert(data.ID+","+data.Name);} }); }); </script> </body> </html> 

अब, यदि आप ब्राउज़र में साइट का पता दर्ज करते हैं, तो सर्वर को index.html पृष्ठ प्रदर्शित करना चाहिए और फिर स्क्रीन पर ऑब्जेक्ट के मूल्यों के साथ एक विंडो दिखाई देगी।

निष्कर्ष

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