🥞 🍌 🏂🏼 हम नैन्सीएफएक्स पर पहला आवेदन बनाते हैं। भाग पांच सुपर सिंपल व्यू इंजन ↙️ 🛀🏿 ☯️

पिछले लेख में, हम नैन्सीएफएक्स पर पहला आवेदन बनाते हैं। भाग चार हम मॉड्यूल के साथ काम करना जारी रखते हैं , हमने मॉड्यूल का अध्ययन करना जारी रखा। इस लेख में, हम सुपर सिंपल व्यू इंजन ग्राफिक इंजन का पता लगाएंगे जो बॉक्स से नैन्सी के साथ आता है।

तो, चलिए एक नया मॉड्यूल बनाते हैं:

using Nancy; namespace NancyFxApplication { public class ViewModule : NancyModule { public ViewModule() : base("/views") { Get["/"] = param => View["View.html"]; } } }

और हमारे प्रोजेक्ट की जड़ में View.html फ़ाइल जोड़ें, जो इस तरह दिखेगा

 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Super Simple View Engine Rule!</title> </head> <body> <h1>Hello! I'm super Simple View Engine!</h1> </body> </html>

एप्लिकेशन चलाएँ और निम्न परिणाम प्राप्त करें:

नैन्सी निम्नलिखित फ़ाइल आवंटन और विचारों के लिए नामकरण सम्मेलनों का समर्थन करती है:

प्रेजेंटेशन फाइल को प्रोजेक्ट के रूट में रखा जा सकता है।
व्यू फाइल को व्यू फोल्डर में रखा जा सकता है।
फ़ाइल को मॉड्यूल नाम के साथ एक फ़ोल्डर में रखा जा सकता है, जो बदले में दृश्य फ़ोल्डर में स्थित है
फ़ाइल मॉड्यूल फ़ोल्डर की जड़ में हो सकती है
फ़ाइल में एक मॉडल जैसा नाम हो सकता है और परियोजना में कहीं भी स्थित हो सकता है
आप फ़ाइल स्थान को मैन्युअल रूप से निर्दिष्ट कर सकते हैं या प्रस्तुति के स्थान पर अपने स्वयं के समझौते को परिभाषित कर सकते हैं

आप एक्सटेंशन के बिना फ़ाइल का नाम निर्दिष्ट कर सकते हैं, नैन्सी केवल पहली दृश्य फ़ाइल का चयन करती है जो नाम के पास दृश्य के पास आती है।

अब हम यह पता लगा चुके हैं कि दृश्य फ़ाइलों को कैसे रखा जाए, चलो सुपर सिंपल व्यू इंजन पर एक नज़र डालें।
सुपर सिंपल व्यू इंजन रेजर सिंटैक्स के समान सिंटैक्स का उपयोग करता है। आप लिंक सुपर सिंपल व्यू इंजन पर क्लिक करके GitHub पर प्रोजेक्ट पा सकते हैं। SSVE नेस्टेड संग्रह का समर्थन नहीं करता है। जटिल डेटा प्रकार प्रदर्शित करते समय, रेजर का उपयोग करना अधिक कुशल होता है।

इसलिए, अब हम डेटा प्राप्त करने के लिए पिछले लेख से नकली भंडार का उपयोग करते हैं। रिपॉजिटरी कोड इस प्रकार है:

 using System.Collections.Generic; namespace NancyFxApplication { public static class DishesRepository { public static List<Dish> Dishes = new List<Dish> { new Dish { Id=1, Name = "Porridge", IsSpicy = false, Ingridientses = new List<Ingridients>{new Ingridients{Id = 1, Name = "Porridge"}}}, new Dish {Id = 2, Name = "Chili", IsSpicy = true}, new Dish {Id = 3, Name = "Icecream", IsSpicy = false}, new Dish {Id = 3, Name = "Taco", IsSpicy = false}, new Dish {Id = 3, Name = "Burito", IsSpicy = true} }; public static List<Dish> GetAllDishes() { return Dishes; } public static void AddDish(Dish dish) { Dishes.Add(dish); } } }

ViewModule मॉड्यूल संशोधित करें:

 using System.Collections.Generic; using Nancy; namespace NancyFxApplication { public class ViewModule : NancyModule { public ViewModule() : base("views") { Get["/"] = param => { List<Dish> dishes = DishesRepository.GetAllDishes(); return View['View.html', dishes]; }; } } }

और बदले में, हम प्रतिनिधित्व को संशोधित करते हैं

 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Super Simple View Engine Rule!</title> </head> <body> <h1>List of dishes:</h1> <ul> @Each <li>@Current.Name</li> @EndEach </ul> </body> </html>

हमारे आवेदन को चलाएं और निम्नलिखित परिणाम प्राप्त करें।

प्रस्तुति इंजन @If ऑपरेटरों का उपयोग करने की संभावना प्रदान करता है, हालांकि, मैं यह नोट करना चाहता हूं कि नेस्टेड SSVE ऑपरेटरों का समर्थन नहीं किया जाता है। आंशिक दृश्य जोड़ना भी संभव है।

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

चक्र को समाप्त करने वाले अगले लेख में, हम नैन्सीएफएक्स के तहत अनुप्रयोगों के परीक्षण पर ध्यान केंद्रित करेंगे। प्रतिक्रिया और टिप्पणियों की प्रतीक्षा है।

हम नैन्सीएफएक्स पर पहला आवेदन बनाते हैं। भाग पांच सुपर सिंपल व्यू इंजन

More articles: