من الشرطية إلى خرائط المكونات: طريقة أنظف لعرض الصفحات باستخدام أنظمة إدارة المحتوى مقطوعة الرأس

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

مقارنة النهج

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

في حين أن هناك العديد من الأساليب لذلك ، فإن المطورين عادة ما يملأون مكوناتهم بعبارات شرطية متعددة لتقديم العبارات الصحيحة (انظر لقطة الشاشة).

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

إذن ماذا يمكننا أن نفعل؟

دعنا نحسن هذا النهج عن طريق تنظيف بنية التعليمات البرمجية. بدلا من دمج كل منطق العرض في ملف واحد ، سنقوم بفصله بحيث يتعامل كل ملف مع مسؤولية واحدة.

سنقوم بإنشاء كائن تعيين لتنظيم مكوناتنا.

ابدأ بالإعلان عن تعيين المكونات الخاصة بك. يمثل المفتاح المعرف من CMS أو مصدر البيانات، وتحدد القيمة المكون الذي سيتم عرضه.

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

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

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

كتب بواسطة Matt Czencz , مهندس أول مكدس كامل في استوديوهات زمرة.