أصيل | معرض الأعمال
دراسة حالة مشروع ويب

متجر عالم العقيق اليماني

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

Laravel PHP Filament Blade SQL

نظرة عامة على المشروع

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

🎯

هدف المشروع

إنشاء واجهة إلكترونية تعرض منتجات العقيق اليماني وتتيح للزائر استكشاف المنتجات وتفاصيلها.

🛍️

تجربة التصفح

تنظيم الوصول إلى الكتالوج وصفحات المنتجات وسلة المشتريات وقائمة الرغبات.

⚙️

الجانب الإداري

يتضمن المشروع مسارات محمية لبعض عمليات الإدارة، مثل تحديث الإعدادات وتغيير كلمة المرور.

الوظائف الرئيسية

تستند الوظائف التالية إلى المسارات الموجودة في ملف routes/web.php.

الصفحة الرئيسية والكتالوج

مسارات مخصصة للصفحة الرئيسية وكتالوج المنتجات.

تفاصيل المنتجات

عرض المنتج باستخدام معرّفه ورابط مختصر مناسب، مع مسار لمعالجة بعض الروابط القديمة.

سلة المشتريات

مسارات لإضافة المنتجات إلى السلة وعرضها وإزالة العناصر أو إفراغ السلة.

إتمام الطلب عبر واتساب

يوجد مسار مخصص للانتقال من السلة إلى خطوة إتمام الطلب عبر واتساب.

الكوبونات

توجد مسارات لتطبيق كوبون وإزالته من السلة.

قائمة الرغبات

مسارات لعرض قائمة الرغبات وإضافة المنتجات إليها وإزالتها.

التواصل والصفحات المعلوماتية

صفحة اتصال ومسار لاستقبال الرسائل، إضافة إلى صفحات معلوماتية تعتمد على الرابط المختصر.

خريطة الموقع

مسار مخصص لملف sitemap.xml لدعم اكتشاف الصفحات بواسطة محركات البحث.

إعدادات الإدارة

مسارات محمية بتسجيل الدخول لتحديث الإعدادات وتغيير كلمة المرور.

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

التقنيات والبنية

يعتمد المشروع على Laravel، وتوضح أسماء المسارات والمتحكمات تنظيمًا يفصل بين استقبال الطلبات ومعالجة منطق التطبيق وعرض الصفحات.

Laravel وPHP

إطار عمل وخلفية برمجية لتعريف المسارات وربطها بالمتحكمات وتنظيم وظائف الموقع.

MVC

نمط معماري يساعد على الفصل بين المسارات والمتحكمات والنماذج والواجهات.

Filament وBlade

من التقنيات المستخدمة في المشروع وفق المعلومات المتوفرة عنه.

مثال على تنظيم المسارات

يوضح المثال التالي كيف يربط Laravel عنوانًا بطلب معين بمتحكم مسؤول عن معالجته.

Route::get('/catalog', [
    ProductController::class,
    'index'
])->name('catalog.index');

Route::get('/product/{id}/{slug}', [
    ProductController::class,
    'show'
])->name('products.show');

في المثال الأول، يوجّه المسار طلب عرض الكتالوج إلى الدالة index. وفي الثاني، يوجّه طلب تفاصيل منتج إلى الدالة show مع تمرير معرّف المنتج والـ slug.

تحسين محركات البحث

روابط المنتجات

استخدام معرّف المنتج مع slug في رابط التفاصيل، مع مسار لمعالجة الروابط القديمة.

sitemap.xml

توفير مسار مخصص لخريطة الموقع؛ أما محتواها الفعلي فيعتمد على تنفيذ SitemapController.

الصفحات المعلوماتية

مسار ديناميكي لعرض صفحات معلوماتية باستخدام slug، مثل الصفحات التعريفية والسياسات.

تدفق الاستخدام

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

خلاصة المشروع

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