المقدمة

مفهوم الـ Model-View-Controller (MVC) من أشهر الطرق لبناء تطبيقات الويب هو نمط MVC، واللي بيستخدم بشكل أساسي في ASP.NET Core. النمط ده بيقسم التطبيق لثلاث أجزاء رئيسية بتخلي كل جزء مسئول عن حاجة معينة، وده بيخلي عملية التطوير والتنظيم أسهل بكثير.

ما هو الـ MVC؟

الـ MVC هو اختصار لـ Model (النموذج)، View (العرض)، و Controller (المتححكم). النمط ده بيساعدك على تنظيم الكود بشكل كويس من خلال فصل البيانات عن الواجهة وعن المنطق الخاص بالتطبيق.

1. Model (النموذج)

الـ Model هو اللي بيحتوي على البيانات الخاصة بالتطبيق. لو عندك تطبيق مثلا لبيع المنتجات، الـ Model هيكون عبارة عن كائنات تمثل المنتجات والبيانات المرتبطة بيها زي اسم المنتج، السعر، الكمية وهكذا.

الـ Model مش بس بيحتوي على البيانات، لكن كمان بيشمل العمليات اللي بتتعمل على البيانات زي الحسابات أو التصفية أو التعديلات.

مثال على الـ Model في ASP.NET Core:

public class Product {
    public int Id { get; set; }
    public string Name { get; set; }
    public decimal Price { get; set; }
}

هنا الـ Product هو الـ Model، وبيحتوي على بيانات عن المنتج زي الاسم والسعر.

2. View (العرض)

الـ View هو الجزء اللي بيعرض البيانات للمستخدم في شكل واجهة سهلة الفهم. يعني، لما المستخدم يتصفح التطبيق، بيشوف المعلومات من خلال الـ View. عشان كده، الـ View بيحتوي على HTML و CSS وبيشتغل مع Razor Syntax عشان يعرض البيانات بشكل ديناميكي.

الـ View دايمًا بيكون مرتبط بالـ Model. يعني، لو مثلا عاوز تعرض كل المنتجات، الـ View هيعرضها بشكل مميز وجميل باستخدام HTML و CSS.

مثال على الـ View في ASP.NET Core:

@model IEnumerable<Product>

<h2>Products List</h2>
<ul>
    @foreach (var product in Model) {
        <li>@product.Name - @product.Price</li>
    }
</ul>

هنا، الـ View بيسحب البيانات من الـ Model باستخدام Razor وبيعرض كل المنتجات مع السعر بتاعها.

3. Controller (المتحكم)

الـ Controller هو الجزء المسؤول عن التعامل مع الطلبات من المستخدم. بمعنى آخر، الـ Controller هو اللي بينظم كيف و متى هيتم جلب البيانات من الـ Model و إرسالها للـ View.

الـ Controller بيحتوي على الأكواد اللي بتتعامل مع الـ Business Logic أو منطق التطبيق. هو المسئول عن إظهار البيانات بطريقة مناسبة للمستخدم.

مثال على الـ Controller في ASP.NET Core:

public class ProductController : Controller {
    private readonly IProductService _productService;

    public ProductController(IProductService productService) {
        _productService = productService;
    }

    public IActionResult Index() {
        var products = _productService.GetAllProducts();  // جلب المنتجات
        return View(products);  // إرسال البيانات للـ View
    }

هنا، الـ ProductController بيستخدم الـ IProductService لجلب المنتجات من الـ Model، وبعد كده بيبعثهم للـ View عشان يعرضهم للمستخدم.

كيف يعمل ASP.NET Core MVC معًا

الـ MVC بيوزع الأدوار بشكل واضح:

الطلب من المستخدم: أول حاجة، لما المستخدم يعمل طلب للصفحة أو ينفذ أي عملية (زي الضغط على زر أو إرسال نموذج)، الطلب ده بيروح للـ Controller.

الـ Controller يحدد البيانات: الـ Controller بيحدد البيانات اللي لازم يتم جلبها من الـ Model عشان يرد على الطلب.

إرسال البيانات للـ View: بعد كده، الـ Controller بيمرر البيانات للـ View عشان تعرضها للمستخدم.

عرض البيانات للمستخدم: الـ View بيعرض البيانات بشكل منظم وجميل باستخدام HTML، وده بيتم من خلال دمج البيانات اللي جت من الـ Model.

فوائد MVC في ASP.NET Core

فصل المهام (Separation of Concerns): باستخدام الـ MVC، بتفصل تمامًا بين البيانات (الـ Model)، و العرض (الـ View)، و المنطق (الـ Controller). ده بيخلي كل جزء في التطبيق يركز على وظيفته فقط.

سهولة التوسع (Scalability): مع تقدم المشروع، لو احتجت تضيف ميزات جديدة، تقدر تطور أو تعدل أي جزء من الأجزاء دي بسهولة. يعني تقدر تغير الـ View عشان يتناسب مع تغييرات جديدة في التصميم من غير ما تؤثر على الـ Model أو Controller.

سهولة الصيانة (Maintainability): بما إن كل جزء من الأجزاء منفصل عن التاني، لو لقيت مشكلة في الـ View، تقدر تعدل فيه من غير ما تأثر على الـ Model أو الـ Controller.

إعادة استخدام الكود (Code Reusability): تقدر تستخدم نفس الـ Model مع أكتر من View، وده بيساعدك تقلل التكرار في الكود وتخليه أكتر نظافة.

التطوير الجماعي: لو في أكتر من مبرمج بيشتغلوا على نفس المشروع، كل واحد منهم ممكن يشتغل على جزء معين من التطبيق. مثلاً واحد يشتغل على الـ Model، تاني يشتغل على الـ Controller، وآخر يشتغل على الـ View. ده بيسهل التنسيق بينهم ويقلل التعارضات.

في الختام

نمط MVC في ASP.NET Core هو أداة قوية لتنظيم وتطوير التطبيقات الويب بشكل مرن. من خلال فصل البيانات عن العرض و المنطق، النمط ده بيخلي التطبيق سهل التطوير، التوسيع، والصيانة على المدى الطويل. وباستخدام ASP.NET Core MVC، هتقدر تبني تطبيقات تقدر تديرها بسهولة وتوسعها في المستقبل من غير ما تخاف من تأثير التغييرات على بقية أجزاء التطبيق.