انتقل إلى محتوى الدرس

Blade Components vs Partials Reference مقارنة مكونات Blade والقوالب الفرعية

تصميم عناصر واجهة قابلة لإعادة الاستخدام عبر مكونات Blade الحديثة وتمرير الخصائص @props ودمج السمات والفتحات .
1 صفوف تعليمية
إطار العمل Laravel
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يساهم اعتماد مكونات Blade في توحيد نظام التصميم ومنع تداخل المتغيرات غير المقصود في المشاريع الكبيرة. استعن بالجدول المقارن التالي لتحديد متى تختار المكون المجهول أو مكون الكلاس أو القالب الفرعي.

وجه المقارنة الهندسيالأسلوب اليدوي أو غير المحميمعيار Laravel 12 الحديث
نطاق المتغيراتوراثة القالب الفرعي لكل متغيرات الصفحة الأب واحتمال تضاربهانطاق معزول وآمن مع تحديد الخصائص صراحة عبر توجيه @props
السمات والأصناف الإضافيةتمرير متغيرات يدوية منفصلة لكل صنف أو معرف إضافيالتقاط ودمج كافة السمات تلقائياً عبر كائن $attributes->merge
تغليف كتل المحتوىتقسيم العنصر إلى ملفين منفصلين للبداية والنهايةوسم مكون واحد يحيط بالمحتوى عبر $slot والفتحات المسماة
تمرير التعبيرات البرمجيةتمرير مصفوفات طويلة ومعقدة داخل توجيه التضمينخصائص واضحة مسبوقة بنقطتين رأسيتين على وسم المكون مباشرة
PHP
<x-layout>
    <x-slot:heading>Account Overview</x-slot:heading>
    <x-card class="shadow-sm">
        <p>Welcome to your dashboard.</p>
    </x-card>
</x-layout>
خلاصة المعرفة ومحطة الانتقال

ملخص الدرس

حصاد الدرس

مراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي

ماذا تعلّمت في هذا الدرس؟

أتقنت في هذا الدرس حول «مكونات Blade الحديثة وخصائص Props والفتحات Slots» مفاهيم معمارية المكونات الحديثة في Blade، والمكونات المجهولة والمعتمدة على كلاس، وتمرير البيانات للمكون بتوجيه props وفق معايير Laravel 12 الحديثة.

الخطوة التالية والدرس القادم

انتقل الآن إلى الدرس التالي «استقبال وفحص بيانات طلبات HTTP الواردة في Laravel» للبناء التراكمي على ما تعلمته.