ويب

برمجة لوحة التحكم – الجزء 1

ملحوظة : هذه المقالة تستهدف مبرمجى التطبيقات الذين يرغبون بإنشاء لوحة تحكم لتطبيقاتهم التى تعمل على api يستخدم mysql 
فى هذه المقالة سنشرح كيفية إنشاء لوحة تحكم للتطبيق باستخدام php ومنصة laravel المنصة الأكثر شهرة فى عالم php والتى تتميز بالبساطة والسلاسة سنشرح كيفية برمجة لوحة التحكم  controll panel تقوم بالتحكم فى قاعدة بيانات mysql والقيام بالإدخال والحذف والتعديل وهى قاعدة البيانات الاكثر شيوعا .

المتطلبات :

1- معرفة اساسيات php (مثل تعريف المتغيرات ، الدوال، الخ..).

2- تحميل وتثبيت اى برنامج من برامج محاكاة السيرفر وإنشاء سيرفر شخصى (localhost) مثل xamp

الخطوة الأولى : تثبيت Laravel 

سنقوم بتثبيت laravel وهى بمثابة فريم ورك او مجموعة من الكلاسات الجاهزة معدة مسبقا ومجهزة لبناء لوحة التحكم فوقها مباشرة  وسنستخدم الـ composer لتثبيتها قم بتثبيت الـ composer حسب النظام الخاص بك كما هو موضح بهذه الصفحة  بعد ذلك قم بتثبيت Laravel عن طريق ال terminal باستخدام هذا الامر

composer create-project --prefer-dist laravel/laravel mycp

حيث `mycp` هو اسم المجلد  الخاص بلوحة التحكم يمكنك تسميته أى اسم تريد .

نقوم بنسخ المجلد الى مسار ال localhost فى xamp او اى برنامج اخر استخدمته ثم نقوم باعطاء الصلاحيات لمجلد ال storage لأنه يحتاج صلاحيات الكتابة لتسجيل العمليات التى تحدث بlaravel اى يقوم بعمل ال log لمراجعة الاخطاء فى حال حدوثتها .

ثم نقوم بفتح المجلد فى المتصفح

 

ثم نذهب للمسار public وهو الذى يحتوى على رئيسية الـ laravel والتى سنبدأ العمل من خلالها .

رؤية هذه الصفحة بهذا الشكل تعنى أننا ثبتنا laravel بنجاح وجاهزين الان للأنطلاق

الخطوة الثانية : تثبيت قالب AdminLTE 

توفر لنا laravel الهيكل الاساسى للوحة التحكم او موقع الويب وتترك لنا التصميم والبرمجة وكل شىء وبما أننا نهتم بتطبيقات الجوال وليس لدينا خبرة كبيرة فى التصميم او برمجة الصفحات سنقوم باستخدام قالب AdminLTE وهو قالب لوحة تحكم جاهز  يمكن استخدامه مع Laravel او غيرها من المنصات او حتى بدون منصة لكننا هنا نستخدمه مع laravel ويمكنك استخدام اى تصميم اخر لاحقا لكنى افضل هذا القالب وتصميمه وسيتم الشرح عليه
سنقوم بتثبيت هذا القالب على لوحة التحكم الخاصة بنا باستخدام هذا السطر على مسار لوحة التحكم mycp باستخدام ال terminal او الcomand  line tool بويندوز حسب نظامك

composer require jeroennoten/laravel-adminlte

وهذا السطر يستخدم repo على github ويقوم بتثبثت الملفات الازمة من القالب على لوحة التحكم الخاص بنا

 

بعد ذلك نقوم بتنفيذ هذا السطر عن طريق الـ terminal  وهو خاص باشعار laravel بال assets الخاصة بالقالب

php artisan vendor:publish --provider="JeroenNoten\LaravelAdminLte\ServiceProvider" --tag=assets

 

الخطوة الثالثة : إنشاء التسجيل وتسجيل الدخول 

أحد الاشياء الرائعة فى المنصات والمكتبات أنها توفر الوقت والمجهود و laravel توفر لنا الوقت والمجهود المبذول لإنشاء form تسجيل وتسجيل الدخول لأنه امر معتاد وروتينى فقامت بتوفير سطر واحد عن طريق ال terminal يعمل بشكل سحرى على انشاء التسجيل وتسجيل الدخول واعتمادا على هذا السطر يوفر لنا منشىء ال repo الخاص بقالب AdminLTE امر سريع لانشاء التسجيل وتسجيل الدخول باستخدام قالب ال admin lte وهو هذا الأمر

php artisan make:adminlte

قم بتنفيذه عن طريق الـ terminal

 

نعود الأن للصفحة الرئيسية للـ Laravel وسنجد ظهور login ، register أعلى يمين الصفحة .

 

نقوم بالضغط عليهما وستجد أنه تم إنشاء التسجيل وتسجيل الدخول بنجاح وباستخدام القالب الخاص بنا

 

 

 

الى هنا ينتهى الدرس اراكم التدوينة القادمة .

السابق
Twitter API : عرض التويتات فى التطبيق
التالي
برمجة لوحة التحكم – الجزء 2

3 تعليقات

أضف تعليقا

  1. Zaid Abu Khalaf قال:

    جزاك الله كل خير … بانتظار باقي الدروس المتعلقة بالdashboard

  2. احمد قال:

    هتطرق لعمل ال API نفسه ؟

اترك تعليقاً

This site uses Akismet to reduce spam. Learn how your comment data is processed.