आपका पहला ASP.NET वेब अनुप्रयोग: आरंभ कैसे करें

ASP.NET वेब ऐप्स और सेवाओं के निर्माण के लिए Microsoft का निःशुल्क क्रॉस-प्लेटफ़ॉर्म ढांचा है। ASP.NET प्लेटफ़ॉर्म .NET का एक विस्तार है, जो विभिन्न अनुप्रयोगों के निर्माण के लिए उपयोग किए जाने वाले टूल, प्रोग्रामिंग भाषाओं और पुस्तकालयों का एक डेवलपर प्लेटफ़ॉर्म है।

जैसा कि आपने शायद अनुमान लगाया है, ASP.NET एक शानदार ढांचा है जिसका उपयोग शुरुआती लोग वेब ऐप बनाने के लिए कर सकते हैं। यह बहुत अधिक लचीलापन प्रदान करता है और उपयोग में आसान है। इस लेख में, हम Microsoft Visual Studio का उपयोग करके ASP.NET में अपना पहला वेब एप्लिकेशन बनाने में आपकी सहायता करने जा रहे हैं।

ASP.NET क्या है?

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

संबंधित: डेवलपर्स के लिए सीखने लायक वेब फ्रेमवर्क

आप अपने ASP.NET अनुप्रयोगों के लिए C#, Visual Basic, या यहाँ तक कि F# में बैक-एंड कोड लिख सकते हैं। यह लचीलापन डेवलपर्स को व्यावसायिक तर्क और डेटा एक्सेस परत को प्रभावी ढंग से कोड करने की अनुमति देता है। ASP.NET का उपयोग करने का एक अन्य महत्वपूर्ण लाभ वेबपेज टेम्प्लेटिंग सिंटैक्स टूल की मदद से C# का उपयोग करके गतिशील वेब पेज बनाना है जिसे रेजर के रूप में जाना जाता है।

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

संबंधित: टेलविंड सीएसएस बनाम। बूटस्ट्रैप: कौन सा बेहतर ढांचा है?

ASP.NET डेवलपर्स को एक प्रमाणीकरण प्रणाली भी प्रदान करता है जिसमें एक डेटाबेस, पुस्तकालय, लॉगिन प्रबंधन के लिए टेम्पलेट, Google, Facebook, आदि के लिए बाहरी प्रमाणीकरण, और बहुत कुछ शामिल है। डेवलपर्स विंडोज, लिनक्स, मैकओएस और यहां तक ​​​​कि डॉकर सहित सभी प्रमुख प्लेटफार्मों पर ASP.NET का उपयोग कर सकते हैं।

विजुअल स्टूडियो में ASP.NET वेब एप्लिकेशन कैसे बनाएं?

वेब एप्लिकेशन बनाने से पहले, यह सबसे अच्छा है कि आप खुद को HTML, CSS, JavaScript और C# से परिचित करा लें, ताकि आप ASP.NET का अधिकतम लाभ उठा सकें। आइए देखें कि आप Microsoft Visual Studio 2019 में ASP.NET में एक वेब एप्लिकेशन कैसे बना सकते हैं।

सुनिश्चित करें कि आपके पास निम्नलिखित सॉफ़्टवेयर पैकेज स्थापित हैं:

• माइक्रोसॉफ्ट विजुअल स्टूडियो 2019 या बेहतर
• विजुअल स्टूडियो इंस्टालर से ASP.NET और वेब डेवलपमेंट वर्कलोड

ASP.NET वेब अनुप्रयोग परियोजना घटकों को समझना

इससे पहले कि आप अपना वेब ऐप विकसित करना शुरू करें, ASP.NET के आवश्यक घटकों को समझना महत्वपूर्ण है और आप उन्हें अपने वेब एप्लिकेशन में कैसे उपयोग कर सकते हैं।

इस ट्यूटोरियल में, हम व्यक्तिगत वेब पेज बनाने के लिए ASP.NET वेब फॉर्म का उपयोग करेंगे जैसे कि होमपेज, हमसे संपर्क करें आदि। प्रत्येक वेब प्रपत्र में तीन मुख्य घटक होते हैं, HTML/CSS के लिए एक .aspx फ़ाइल, एक .aspx.cs कोड फ़ाइल और एक .aspx.designer.cs फ़ाइल। हम इस ट्यूटोरियल के लिए ज्यादातर .aspx और .aspx.cs फाइलों में काम करेंगे।

.aspx फ़ाइल में आपके वेब पेजों के सभी HTML और CSS कोड होंगे। सुनिश्चित करें कि आप HTML टैग के बजाय एएसपी टैग का उपयोग करते हैं, क्योंकि एएसपी टैग सर्वर से डेटा प्राप्त करते हैं और सर्वर को इनपुट डेटा भेजते हैं। यह एक गतिशील वेब अनुप्रयोग में आवश्यक कार्यक्षमता विशेषता है।

.aspx.cs फ़ाइल में आपके वेब पृष्ठों का C# कोड होता है, और यह नियंत्रित करता है कि क्या होता है जब कोई विशेष ईवेंट जैसे वेब पेज लोड होता है, एक बटन क्लिक किया जाता है, और बहुत कुछ। आप प्रत्येक फ़ंक्शन के लिए अलग-अलग फ़ंक्शन बना सकते हैं और इसे संबंधित एएसपी टैग से संबंधित .aspx फ़ाइल में लिंक कर सकते हैं।

मास्टर पेज डेवलपर्स के लिए फायदेमंद होते हैं और प्रत्येक वेब पेज पर नेविगेशन बार और फुटर जैसे आवश्यक घटकों को जोड़ते हैं। एक ही कोड को बार-बार जोड़ने के बजाय, डेवलपर एक मास्टर पेज में सभी टेम्प्लेट-आवश्यक कोड जोड़ सकते हैं और फिर प्रत्येक वेबपेज को मास्टर पेज से लिंक कर सकते हैं। हम आपको दिखाएंगे कि निम्नलिखित अनुभागों में यह कैसे करना है।

एक नया ASP.NET वेब ऐप प्रोजेक्ट बनाएं

ASP.NET में वेब एप्लिकेशन बनाने में पहला कदम एक प्रोजेक्ट टेम्प्लेट का चयन करना और एक नया वेब एप्लिकेशन बनाना है:

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

एक नया ASP.NET वेब फॉर्म बनाएँ

ASP.NET को बेहतर ढंग से समझने में आपकी मदद करने के लिए, हम एक गेमिंग स्टोर के लिए एक सरल उत्पाद पृष्ठ बनाएंगे। पहला कदम एक नया वेबफॉर्म बनाना है। आपके द्वारा पहले बनाए गए प्रोजेक्ट में, नेविगेट करें फ़ाइल> नया> फ़ाइल और चुनें वेब फार्म. एक बार जब आप इसे सेट कर लेते हैं, तो आपको केवल हेडर कोड के साथ एक रिक्त .aspx फ़ाइल देखने में सक्षम होना चाहिए।

अपने वेब पेज के समग्र स्वरूप को विकसित करना शुरू करने के लिए, आप स्वयं HTML/CSS में कोड का उपयोग कर सकते हैं या टेम्पलेट का उपयोग कर सकते हैं टेलब्लॉक.

हम टेम्पलेट का उपयोग करके उपरोक्त उत्पाद पृष्ठ लेआउट सेट करते हैं। यह एक उत्पाद छवि, उत्पाद विवरण और एक नेविगेशन बार प्रदर्शित करता है। हमने मास्टर पेज का उपयोग करके नेविगेशन बार के HTML और CSS को जोड़ा।

ऊपर दिए गए कोड (.aspx.cs फ़ाइल) में, हमने इसे सेट किया है लोडपेज हमारे प्लेसहोल्डर्स में उत्पाद विवरण सेट करने के लिए कार्य करता है। आप लॉगिन, साइनअप, कार्ट में जोड़ने आदि के लिए समान कार्य बना सकते हैं।

उत्पाद विवरण दिखाने के लिए नमूना एएसपी टैग इस प्रकार है:

C# कोड से विवरण मान इस प्लेसहोल्डर में प्रदर्शित किया जाएगा। आप विज़ुअल स्टूडियो के टूलबॉक्स का उपयोग छवियों, बटन, रेडियो बटन आदि जैसे प्रदर्शन तत्वों को जोड़ने के लिए भी कर सकते हैं। ऑनलाइन कई संसाधन उपलब्ध हैं जहाँ आप ASP.NET सिंटैक्स सीख सकते हैं।

शुरुआती के लिए ASP.NET वेब अनुप्रयोग

ASP.NET वेब एप्लिकेशन और सेवाएं बनाने के लिए एक शक्तिशाली मंच है। ASP.NET में वेब एप्लिकेशन विकसित करने से पहले आपको जावास्क्रिप्ट, HTML, CSS और C# के साथ सहज होना चाहिए।

अल्टीमेट जावास्क्रिप्ट चीट शीट

इस चीट शीट के साथ जावास्क्रिप्ट तत्वों पर एक त्वरित रिफ्रेशर प्राप्त करें।

आगे पढ़िए

लेखक के बारे में