جهز مشروعك الأول من نموذج-عرض-تحكم MVC في بيئة دوت نت كور

السلام عليكم | مرحبا بكم

باللغة العربية نتقدم،،


بيئة دوت نت كور بيئة مازالت جديدة وبيئة يمكن أن تعتبر المستقبل إذ أن بيئة دوت نت كور مستقلة عن بيئة دوت نت التقليدية ولكن أبرز مزاياها أنها توفر لك امكانية تشغيل برنامجك على جميع المنصات من ويندوز إلى لينكس إلى نظام تشغيل أبل

 

في هذه المقالة سنتعرف كيف تجهز تطبيق نموذج-عرض-تحكم MVC في بيئة دوت نت كور

 

افتح بيئة بوارشل واذهب إلى مكان الذي تود انشاء تطبيقك فيه ونفذ الأمر التالي:

 

PowerShell

dotnet new web -o AspnetCoreMvcSample

 

بعدها ادخل إلى المجلد الجديد الذي تم إنشاؤه واستدعي فيجوال ستديو كو

 

PowerShell

cd "AspnetCoreMvcSample";

code .

 

طبعا بعد ظهور تطبيق فيجوال ستديو كود ستلاحظ قائمة الملفات التي قد تم انشاؤوها لك – طبعا لن تجد المجلدين Views ولا Controllers. فقم بإضافتهما

clip_image001[4]

نافذة برنامج فيجوال ستديو كود مع قائمة ملفات المشروع

 

اذهب إلى قائمة View ثم اختر Intergrated Terminal أو بالضغط مباشرة على المفاتيح Ctrl + `

 

Terminal

dotnet add package microsoft.aspnetcore.mvc;

 

clip_image002[4]

إضافة مكتبة 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 كما هو موضح بالصورة التالية:

clip_image003[4]

 نافذة ملفات المشروع تظهر إضافة عدة مجلدات وملفات

 

والآن داخل ملف 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;

 

clip_image004[4]

نافذة Terminal تظهر بدء تشغيل البرنامج بعد تنفيذ تعليمة dotnet run

 

وأخير افتح أي متصفح وضع العنوان التالي http://localhost:5000/home/index

clip_image005[4]

نافذة متصفح ايج تظهر استجابة التطبيق للإستدعاء على الرابط: http://localhsot:5000/home/index

 

الشيفرة المصدرية: https://github.com/a-kanaan/SharedWorkspace/tree/master/AspnetCoreMvcSample

 

Post a comment or leave a trackback: Trackback URL.

اترك رد

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

شعار ووردبريس.كوم

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   /  تغيير )

Google photo

أنت تعلق بإستخدام حساب Google. تسجيل خروج   /  تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   /  تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   /  تغيير )

Connecting to %s

%d مدونون معجبون بهذه: