السلام عليكم | مرحبا بكم
باللغة العربية نتقدم،،
بيئة دوت نت كور بيئة مازالت جديدة وبيئة يمكن أن تعتبر المستقبل إذ أن بيئة دوت نت كور مستقلة عن بيئة دوت نت التقليدية ولكن أبرز مزاياها أنها توفر لك امكانية تشغيل برنامجك على جميع المنصات من ويندوز إلى لينكس إلى نظام تشغيل أبل
في هذه المقالة سنتعرف كيف تجهز تطبيق نموذج-عرض-تحكم MVC في بيئة دوت نت كور
افتح بيئة بوارشل واذهب إلى مكان الذي تود انشاء تطبيقك فيه ونفذ الأمر التالي:
PowerShell |
dotnet new web -o AspnetCoreMvcSample |
بعدها ادخل إلى المجلد الجديد الذي تم إنشاؤه واستدعي فيجوال ستديو كو
PowerShell |
cd "AspnetCoreMvcSample"; code . |
طبعا بعد ظهور تطبيق فيجوال ستديو كود ستلاحظ قائمة الملفات التي قد تم انشاؤوها لك – طبعا لن تجد المجلدين Views ولا Controllers. فقم بإضافتهما
|
نافذة برنامج فيجوال ستديو كود مع قائمة ملفات المشروع |
اذهب إلى قائمة View ثم اختر Intergrated Terminal أو بالضغط مباشرة على المفاتيح Ctrl + `
Terminal |
dotnet add package microsoft.aspnetcore.mvc; |
|
إضافة مكتبة microsoft.aspnetcore.mvc إلى المشروع من خلال نافذة Termianl |
إذهب إلى ملف Startup.cs وقم بإجراء التعديلات التالية لتفعيل Mvc
C# (Startup.cs) |
public class Startup { public void ConfigureServices(IServiceCollection services) { services.AddMvc(); }
public void Configure(IApplicationBuilder app, IHostingEnvironment env) { if (env.IsDevelopment()) { app.UseDeveloperExceptionPage(); }
app.UseStaticFiles();
app.UseMvc(routes => { routes.MapRoute( name: "default", template: "{controller=Home}/{action=Index}/{id?}" ); });
// app.Run(async (context) => // { // await context.Response.WriteAsync("Hello World!"); // }); } } |
والآن قم بإضافة مجلد Controllers وانشء ايضا ملف سي شاربHomeController.cs ثم قم بإضافة المجلد Views وبداخله أنشء مجلد Home وبداخله انشء ملف Index.cshtml كما هو موضح بالصورة التالية:
|
نافذة ملفات المشروع تظهر إضافة عدة مجلدات وملفات |
والآن داخل ملف HomeController.cs اكتب الشيفرة التالية:
C# (HomeController.cs) |
using Microsoft.AspNetCore.Mvc;
public class HomeController : Controller { public ActionResult Index() { return View(); } } |
وأخير اذهب إلى Index.cshtml وأدخل الشيفرة التالية:
Index.cshtml |
<html> <body> <h1>Welcome World!</h1> </body> </html> |
والآن تأكد من تخزين الملفات واذهب إلى نافذة Termial واكتب
Terminal |
dotnet restore; dotnet build; dotnet run; |
|
نافذة Terminal تظهر بدء تشغيل البرنامج بعد تنفيذ تعليمة dotnet run |
وأخير افتح أي متصفح وضع العنوان التالي http://localhost:5000/home/index
|
نافذة متصفح ايج تظهر استجابة التطبيق للإستدعاء على الرابط: http://localhsot:5000/home/index |
الشيفرة المصدرية: https://github.com/a-kanaan/SharedWorkspace/tree/master/AspnetCoreMvcSample