إطار MVC باختصار

إطار عمل MVC هو برنامج يمكن التنبؤ به صمم يتم فصل النمط إلى ثلاثة مكونات رئيسية ومناسب للعديد من لغات البرمجة. الهدف من إطار عمل MVC هو المساعدة في هيكلة قاعدة الكود ومخاوف التطبيق المنفصلة إلى ثلاثة مكونات: العرض والنموذج والمراقب.

فهم إطار عمل MVC

تم تطوير إطار عمل MVC استجابة للطبيعة المتغيرة لتطوير الويب.

تقليديا ، كانت المشاريع تتضمن ببساطة تحميل ملفات CSS و HTML و JavaScript ثابتة على خادم HTTP.

ولكن مع تزايد شعبية البرامج كخدمة (SaaS) ، تم دمج التطبيقات التي كانت مخصصة لسطح المكتب في المتصفحات.

في كثير من الحالات ، تكون هذه التطبيقات كبيرة ومعقدة. لا يمكن الاعتماد على JavaScript وحدها لتوفير أساس ثابت لكود الجودة.

يشجع إطار عمل MVC المطورين على كتابة كود JavaScript أكثر تنظيماً من خلاله صمم أنماط - رسم.

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

يمكن أن يدعم إطار عمل MVC تفاعل المستخدم العالي واتصال الخادم في الوقت الفعلي برمز يمكن صيانته واختباره.

المكونات الثلاثة لإطار MVC

الهدف من إطار عمل MVC هو المساعدة في هيكلة قاعدة الكود وفصل اهتمامات التطبيق إلى ثلاثة مكونات:

مشاهدة

أو عرض البيانات التي تم جمعها من نموذج البيانات في شكل مخططات أو جداول أو رسوم بيانية.

يتضمن ذلك أي طريقة عرض للعميل لواجهة المستخدم ومكوناتها مثل القوائم المنسدلة أو مربعات النص.

الموديل

أو البيانات التي يستخدمها البرنامج.

غالبًا ما يكون هذا في شكل قاعدة بيانات ولكن يمكن أن يمثل أيضًا كائنًا أو رمزًا أو شخصية لعبة فيديو.

مراقب

جزء من التطبيق يتعامل مع تفاعل المستخدم في شكل مدخلات الماوس ولوحة المفاتيح.

تقبل وحدة التحكم المدخلات من العروض والنماذج لتقديم تحديث مطابق.

يمكن لوحدة التحكم تحديث ملف نموذج شخصية لعبة فيديو عن طريق تغيير سمة مثل التحمل.

يتم بعد ذلك تحديث العرض ليعكس التغيير في سمة التحمل أثناء اللعب.

متى يجب استخدام إطار عمل MVC؟

كما ذكرنا ، يجب استخدام إطار عمل MVC لأي تطبيق حيث تكافح JavaScript للقيام بالأعباء الثقيلة من جانب العميل.

إذا كان عمل يريد إنشاء تطبيق مع التركيز على جانب الخادم ، فمن المحتمل أن يكون إطار عمل MVC غير مناسب.

ومع ذلك ، يمكن أن تساعد معايير معينة المطورين على تحديد ما إذا كان الإطار مناسبًا لمشروعهم.

تشمل هذه المعايير التطبيقات التي:

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

كنقطة مرجعية ، ضع في اعتبارك أن العديد من تطبيقات الويب الشائعة مثل محرر مستندات Google و Gmail و Spotify تستوفي جميع المعايير المذكورة أعلاه.

أمثلة على إطار عمل MVC

فيما يلي مثال على كيفية تنفيذ إطار عمل MVC في تطبيق واقعي باستخدام PHP.

التطبيق المعني هو محول العملات الذي سيحول العملة المختارة - في هذه الحالة اليورو - إلى عدة عملة أخرى ويظهر القيم الخاصة بكل منها.

مع وضع ذلك في الاعتبار ، دعنا نناقش كل مكون من المكونات الثلاثة أدناه.

نموذج

للبدء ، من المهم حل المشكلة الأساسية لإجراء تحويل العملة. تم إنشاء فئة “CurrencyConverter” البسيطة التي تخزن أسعار صرف مختلفة بالنسبة لليورو للدولار الأسترالي والجنيه الإسترليني والدولار الأمريكي.

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

إذا أراد مستخدم التطبيق تحويل 100 دولار أسترالي إلى يورو أو جنيه إسترليني أو دولار أمريكي ، على سبيل المثال ، فيمكن إنشاء فئة أخرى. لاحظ أن المحول يعمل دون معرفة كيفية استخدامه أو البنية التي سيتم دمجه فيها.

المنظر

نظرًا لأن المستخدم سيدخل مبلغًا من العملة التي يرغب في تحويلها ، فسيتطلب التطبيق مربع إدخال وزر إرسال لإجراء الحساب.

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

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

قابليتها للاستخدام

لا يعد مربع الإدخال الذي يحتوي على عملة واحدة وزر "تحويل" مفيدًا للغاية - خاصة إذا كان المستخدم يريد رؤية سعر الصرف لعملات متعددة. نظرًا لأن قابلية الاستخدام هي أحد المبادئ الأساسية لإطار عمل MVC ، يمكن إعادة استخدام العرض عدة مرات لإظهار عملات إضافية.

الآن ، لدى المطور أربعة مربعات إدخال وأربعة أزرار. يتم تمييز كل صندوق بـ AUD و GBP و USD و EUR.

المتحكم

لتمكين المستخدم من إجراء حساب تحويل العملة ، يوجه المطور انتباهه إلى الزر "تحويل". في هذه الحالة ، يجب أن يأخذ المتحكم ماذا القيمة يقوم المستخدم بإدخال وتحديث نموذج لتعكس ذلك.

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

في الختام ، يكتب المطور رمزًا لتهيئة التطبيق. يمكّن هذا المستخدم من إجراء تحويل العملة عن طريق إدخال ملف القيمة لأي من العملات الأربع والنقر على "تحويل".

الوجبات الرئيسية

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