.NET Core - إنشاء مشروع ASP.NET Core Web App باستخدام Razor Pages
.NET Core - إنشاء مشروع ASP.NET Core Web App باستخدام Razor Pages
في هذا الدرس، سنتعلم كيفية إنشاء مشروع ويب حقيقي باستخدام ASP.NET Core مع تقنية Razor Pages، وهي الطريقة الأبسط والأكثر تنظيماً للمبتدئين لبناء تطبيق ويب متكامل.
1. فتح الطرفية أو Visual Studio
يمكنك تنفيذ هذه الخطوات باستخدام Visual Studio أو من الطرفية باستخدام الأمر التالي:
dotnet new razor -n MyWebApp
هذا الأمر سينشئ مجلدًا باسم MyWebApp يحتوي على مشروع ويب جاهز للانطلاق باستخدام Razor Pages.
2. الدخول إلى المشروع وتشغيله
cd MyWebApp
dotnet run
بعد التشغيل، سيتم فتح المتصفح تلقائيًا على الرابط:
https://localhost:5001
3. هيكل المشروع الأساسي
بمجرد فتح المشروع في Visual Studio أو VS Code، ستلاحظ المجلدات التالية:
- Pages: يحتوي على جميع صفحات التطبيق (مثل Index.cshtml وPrivacy.cshtml).
- wwwroot: يحتوي على ملفات CSS وJS والصور.
- Program.cs: نقطة تشغيل التطبيق.
- appsettings.json: ملف الإعدادات العامة للتطبيق.
4. فتح صفحة Index
افتح الملف Pages/Index.cshtml وستجد بداخله:
@page
@model IndexModel
@{
ViewData["Title"] = "Home page";
}
<div class="text-center">
<h1 class="display-4">Welcome</h1>
<p>This is a basic Razor Page in ASP.NET Core.</p>
</div>
ويمكنك تعديل المحتوى ليظهر ما تريده عند زيارة الصفحة الرئيسية.
خلاصة
الآن أصبح لديك مشروع ويب حقيقي يعمل باستخدام Razor Pages. في الدروس القادمة سنتعلم كيف نضيف صفحات جديدة، نتعامل مع البيانات، ونصمم الواجهة باستخدام Bootstrap.
تعليقات
إرسال تعليق