إزاي تبني لوحة تحكم (Admin Panel) احترافية لشركات الأثاث الفاخر باستخدام Filament PHP
تخيل إنك داخل على مشروع جديد، والعميل عايز موقع لشركة أثاث فاخر (Luxury Furniture). العميل مش بس عايز موقع، هو عايز "لوحة تحكم" (Admin Panel) شكلها شيك، سريعة، وسهلة في التعامل عشان يقدر يرفع صور الكراسي والكنب، يعدل الأسعار، ويشوف إحصائيات البيع، وكل ده وهو حاطط رجل على رجل. كالعادة، هتبدأ تفكر في الوقت والمجهود اللي هياخده برمجة لوحة التحكم من الصفر (From Scratch). هنا بيجي دور البطل الخارق في عالم لارفيل: Filament PHP.
Table of contents [Show]
ليه Filament هو الاختيار الأول للمشاريع الفاخرة؟
مشاريع الأثاث الفاخر بتهتم جداً بالتفاصيل (Details). العميل محتاج نظام إدارة محتوى (CMS) يدعم رفع الصور بجودة عالية (High-quality images)، وتصنيفات معقدة، ومتابعة للطلبات. Filament مش مجرد مكتبة، ده إطار عمل كامل مبني على Laravel و Livewire، بيخليك تبني لوحة تحكم في وقت قياسي وبشكل "مودرن" (Modern) جداً.
الخطوة الأولى: تهيئة البيئة البرمجية
قبل أي حاجة، لازم يكون عندك مشروع لارفيل شغال. بعد كده، بتثبت الفايلمنت باستخدام الـ Composer. الأمر بسيط جداً، افتح الـ Terminal بتاعك واكتب:
composer require filament/filament:"^3.0-stable" -W
بعد ما يخلص، محتاج تعمل Panel جديدة، وده اللي بيخليك تفصل لوحة تحكم الإدارة عن موقع المستخدم العادي:
php artisan filament:install --panels
بناء نموذج المنتجات (Product Resource)
في عالم الأثاث، كل قطعة ليها مواصفات (Specifications) زي الخشب، المقاسات، واللون. فايلمنت بيخلينا ننشئ Resource لكل جدول في الداتا بيز (Database) بضغطة زر:
php artisan make:filament-resource Product
جوه ملف الـ Resource، هتقدر تتحكم في شكل الحقول. مثلاً، عشان ترفع صورة المنتج، بتستخدم FileUpload بالشكل ده:
Forms\Components\FileUpload::make('image')
->image()
->directory('furniture-images')
->columnSpanFull()
صاحب شركة الأثاث دايماً عايز يشوف "البيزنس" رايح فين. في Filament، تقدر تضيف Widgets في الصفحة الرئيسية (Dashboard) بتعرض مبيعات الشهر، أكثر القطع طلباً، أو عدد الزوار. تقدر تستخدم الـ StatsOverview عشان تطلع أرقام وشارتات (Charts) تخلي اللوحة شكلها مبهر.
protected function getStats(): array
{
return [
Stat::make('إجمالي المبيعات', '50,000 ج.م'),
Stat::make('عدد الطلبات', '12'),
];
}
ليه الأثاث الفاخر بيحتاج Filament تحديداً؟
- المرونة (Flexibility): تقدر تعدل على أي تصميم بسهولة باستخدام Tailwind CSS.
- تعدد اللغات (Localization): لو الشركة بتصدر برا مصر، الدعم للغة العربية والإنجليزية ممتاز.
- الأداء (Performance): اللوحة خفيفة جداً وسريعة، وده بيخلي العميل يحس إنه شغال على نظام عالمي مش مجرد سكريبت.
نصيحة من أخ لمبرمج طموح
يا بطل، الأداة لوحدها مش كفاية. عشان تنجح في المشاريع دي، ركز على "تجربة المستخدم" (UX) جوه لوحة التحكم. العميل مش مبرمج، هو عايز يخلص شغله بأقل عدد من الكليكات. حاول دايماً تستخدم الـ Actions والـ Notifications اللي بيقدمها Filament عشان تدي رد فعل للمستخدم لما يعمل أي إجراء. التطور الحقيقي بييجي لما تحول التعقيد البرمجي لسهولة وبساطة في إيد العميل.
