أول تطبيق ويب ASP.NET لديك: كيفية البدء

أول تطبيق ويب ASP.NET لديك: كيفية البدء

ASP.NET هو إطار عمل مجاني عبر الأنظمة الأساسية من Microsoft لإنشاء تطبيقات وخدمات الويب. منصة ASP.NET هي امتداد لـ .NET ، وهي منصة مطورة للأدوات ولغات البرمجة والمكتبات المستخدمة لبناء تطبيقات مختلفة.





كما خمنت على الأرجح ، فإن ASP.NET هو إطار عمل رائع يمكن للمبتدئين استخدامه لبناء تطبيقات الويب. إنه يوفر الكثير من المرونة وسهل الاستخدام. في هذه المقالة ، سنساعدك في إنشاء أول صفحة ويب في ASP.NET باستخدام Microsoft Visual Studio.



ما هو ASP.NET؟

يرمز ASP إلى 'صفحات الخادم النشطة' ؛ ASP و ASP.NET هي تقنيات من جانب الخادم تستخدم لعرض صفحات الويب التفاعلية. يوفر ASP.NET للمطورين قدرًا كبيرًا من المرونة في نظام بيئي كبير ومتعدد الاستخدامات مع العديد من المكتبات والأدوات. يمكن للمطورين أيضًا إنشاء مكتبات مخصصة يمكنهم مشاركتها مع أي تطبيق تم إنشاؤه على منصة .NET.





الموضوعات ذات الصلة: أطر الويب التي تستحق التعلم للمطورين

يمكنك كتابة التعليمات البرمجية الخلفية لتطبيقات ASP.NET في C # أو Visual Basic أو حتى F #. تسمح هذه المرونة للمطورين بترميز منطق الأعمال وطبقة الوصول إلى البيانات بشكل فعال. ميزة أخرى مهمة لاستخدام ASP.NET هي بناء صفحات ويب ديناميكية باستخدام C # بمساعدة أداة بناء جملة قوالب صفحات الويب المعروفة باسم Razor.



ما اللعبة التي يجب أن ألعبها بمخطط انسيابي

يوفر Razor أيضًا بنية لإنشاء صفحات ويب ديناميكية تفاعلية تتضمن HTML و CSS و JavaScript و C #. عادةً ما تتم كتابة التعليمات البرمجية من جانب العميل بلغة JavaScript ، ويمكن أيضًا دمج ASP.NET مع أطر ويب أخرى مثل Angular أو React.

الموضوعات ذات الصلة: Tailwind CSS مقابل Bootstrap: أيهما أفضل إطار عمل؟



يوفر ASP.NET أيضًا للمطورين نظام مصادقة يتضمن قاعدة بيانات ومكتبات وقوالب لإدارة عمليات تسجيل الدخول والمصادقة الخارجية لـ Google و Facebook وما إلى ذلك ، والمزيد. يمكن للمطورين الاستفادة من ASP.NET على جميع الأنظمة الأساسية الرئيسية ، بما في ذلك Windows و Linux و macOS وحتى Docker.

كيفية إنشاء تطبيق ويب ASP.NET في Visual Studio

قبل إنشاء تطبيق ويب ، من الأفضل أن تتعرف على HTML و CSS و JavaScript و C # ، حتى تتمكن من تحقيق أقصى استفادة من ASP.NET. دعونا نلقي نظرة على كيفية إنشاء تطبيق ويب في ASP.NET في Microsoft Visual Studio 2019.



تأكد من تثبيت حزم البرامج التالية:

هل يستحق الحصول على ps4 pro
  • Microsoft Visual Studio 2019 أو أفضل
  • ASP.NET وأحمال عمل تطوير الويب من Visual Studio Installer

التعرف على مكونات مشروع تطبيق ويب ASP.NET

قبل أن تتمكن من البدء في تطوير تطبيق الويب الخاص بك ، من الضروري فهم المكونات الأساسية لـ ASP.NET وكيف يمكنك استخدامها في تطبيق الويب الخاص بك.

في هذا البرنامج التعليمي ، سنستخدم نماذج ويب ASP.NET لإنشاء صفحات ويب فردية مثل الصفحة الرئيسية ، اتصل بنا وما إلى ذلك. يحتوي كل نموذج ويب على ثلاثة مكونات رئيسية ، ملف .aspx لـ HTML / CSS ، و aspx. ملف التعليمات البرمجية .cs وملف .aspx.designer.cs. سنعمل في الغالب في ملفات .aspx و .aspx.cs لهذا البرنامج التعليمي.

سيحتوي ملف .aspx على كافة رموز HTML و CSS لصفحات الويب الخاصة بك. تأكد من استخدام علامات asp بدلاً من علامات HTML ، لأن علامات asp تجلب البيانات من الخادم وترسل بيانات الإدخال إلى الخادم. هذه هي الخاصية الوظيفية المطلوبة في تطبيق الويب الديناميكي.

يحتوي ملف .aspx.cs على رمز C # لصفحات الويب الخاصة بك ، وهذا يتحكم في ما يحدث عند تحميل حدث معين مثل صفحة ويب ، والنقر فوق زر ، والمزيد. يمكنك إنشاء وظائف منفصلة لكل وظيفة وربطها بعلامة asp ذات الصلة في ملف .aspx المقابل.

تعد الصفحات الرئيسية مفيدة للمطورين وتضيف مكونات أساسية مثل شريط التنقل والتذييل إلى كل صفحة ويب. بدلاً من إضافة نفس الرمز بشكل متكرر ، يمكن للمطورين إضافة كل التعليمات البرمجية المطلوبة للقالب في صفحة رئيسية واحدة ثم ربط كل صفحة ويب بالصفحة الرئيسية. سنوضح لك كيفية القيام بذلك في الأقسام التالية.

إنشاء مشروع تطبيق ويب ASP.NET جديد

تتمثل الخطوة الأولى في إنشاء تطبيق ويب في ASP.NET في تحديد قالب مشروع وإنشاء تطبيق ويب جديد:

  1. قم بتشغيل Microsoft Visual Studio وانقر فوق أنشئ مشروعًا جديدًا
  2. اكتب ASP.NET في مربع بحث القالب ، حدد تطبيق ويب ASP.NET ( .الإطار الصافي ) وانقر التالي . لن تحصل على هذا القالب إذا لم يكن لديك التثبيتات المطلوبة المذكورة في القسم السابق.
  3. في الشاشة التالية ، قم بتكوين اسم المشروع والدليل وانقر فوق التالي .
  4. سيقوم Visual Studio الآن بإنشاء قالب مشروعك ، ويجب أن تكون قادرًا على تشغيل تطبيق القالب بالنقر فوق زر التشغيل الأخضر في الجزء العلوي من الشاشة.

إنشاء نموذج ويب ASP.NET جديد

لمساعدتك على فهم ASP.NET بشكل أفضل ، سننشئ صفحة منتج بسيطة لمتجر ألعاب. الخطوة الأولى هي إنشاء نموذج ويب جديد. في المشروع الذي قمت بإنشائه مسبقًا ، انتقل إلى ملف> جديد> ملف واختر نموذج ويب . بمجرد الانتهاء من إعداده ، من المفترض أن تتمكن من رؤية ملف .aspx فارغ برمز الرأس فقط.

لبدء تطوير المظهر العام لصفحة الويب الخاصة بك ، يمكنك استخدام إما التعليمات البرمجية في HTML / CSS بنفسك أو استخدام نموذج من Tailblocks .

قمنا بإعداد تخطيط صفحة المنتج أعلاه باستخدام قالب. يعرض صورة المنتج وتفاصيل المنتج وشريط التنقل. أضفنا HTML و CSS لشريط التنقل باستخدام الصفحة الرئيسية.

شاشة زرقاء من نوافذ الموت 10

في الكود أعلاه (ملف .aspx.cs) ، قمنا بإعداد ملف تحميل وظيفة لتعيين تفاصيل المنتج في العناصر النائبة لدينا. يمكنك إنشاء وظائف مماثلة لتسجيل الدخول والاشتراك والإضافة إلى عربة التسوق وما إلى ذلك.

نموذج لعلامة asp لإظهار وصف المنتج كما يلي:

سيتم عرض قيمة الوصف من رمز C # في هذا العنصر النائب. يمكنك أيضًا استخدام مربع أدوات Visual Studio لإضافة عناصر عرض مثل الصور والأزرار وأزرار الاختيار والمزيد. هناك العديد من الموارد المتاحة عبر الإنترنت حيث يمكنك معرفة بناء جملة ASP.NET.

تطبيق ويب ASP.NET للمبتدئين

يعد ASP.NET منصة قوية لإنشاء تطبيقات وخدمات الويب. يجب أن تكون مرتاحًا مع JavaScript و HTML و CSS و C # قبل تطوير تطبيق ويب في ASP.NET.

يشارك يشارك سقسقة بريد الالكتروني ورقة الغش في نهاية المطاف جافا سكريبت

احصل على تحديث سريع لعناصر JavaScript باستخدام ورقة الغش هذه.

اقرأ التالي مواضيع ذات صلة
  • برمجة
  • ASP.NET
  • برمجة
نبذة عن الكاتب فهد خواجة(تم نشر 45 مقالة)

فهد كاتب في MakeUseOf ويتخصص حاليًا في علوم الكمبيوتر. بصفته كاتبًا تقنيًا متحمسًا ، فإنه يتأكد من مواكبة أحدث التقنيات. يجد نفسه مهتمًا بشكل خاص بكرة القدم والتكنولوجيا.

المزيد من M. Fahad Khawaja

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك