اتطرق اليوم الى مشروع عمل موقع بسيط من الصفر بلغة ال PHP  يرتبط بقاعدة بيانات نوع MSQL.

  • هذا الشرح لمن لديهم اساسيات لغة PHP و بعض وسائل الربط مع MYSQL وبعض اساسيات ال CSS.
  • هذا الشرح يتطرق للموضوع من اساسياته ولا يعتبر مثلا كاملا يحتذى به لاننا راعينا اساسيات العمل ولم نتطرق الى موضوع الامان و الفلترة.

في حالة توفر استضافة على سيرفر خارجي او في حالة استخدام برنامج XAMPP لعمل سيرفر على الحاسوب الشخصي للاختبارات ، فالخطوات ستكون متشابهة ، برنامج ال XAMPP يمكن تحميلة من الموقع التالي : http://sourceforge.net/projects/xampp/

بعد تنصيب البرنامج تكون واجهته كالتالي :

xampp

 

يجب تفعيل خيار ال Apache و ال MYSQL وعندها سيصبح اللون اخضر ، نلاحظ ان الفولدر الذي سنجعل بداخله المشاريع الجديدة وسيظهر في المتصفح هو htdocs، بعدها نذهب الى المتصفح ونكتب في العنوان localhost ستظهر لنا واجهة الموقع وهذا يعني نجاح عملية التنصيب …

localhost

سيحتوي الموقع بصورته النهائية 4 صفحات :

  1. الصفحة الرئيسية HOME / مجرد صفحة اعتيادية.
  2. صفحة ال ABOUT / صفحة اعتيادية يفترض ان تحتوي معلومات عن الموقع.
  3. صفحة Add to Database / فيها سنتصل بقاعدة البيانات و نضيف لها المعلومات.
  4. صفحة  Show Database / فيها سنتصل بقاعدة البيانات و نستعرض المعلومات التي ادخلناها في الصفحة السابقة.

سيحتوي الموقع ايضا ال Header وفيه اسم الموقع و شرح مبسط اسفل العنوان اضافة الى القائمة العليا Navigator.

يحتوي ايضا ال Sidebar وهو الجهه الجانبية التي يمكن وضع اي شئ فيها .

واخيرا الفوتر في الاسفل Footer ستحتوي معلومات الحقوق و الموقع.

ستكون النتيجة النهائية للموقع هي كما في الصور الاربعة التالية :

mysite-11 mysite-21 mysite-31 mysite-41

قبل ان ادرج الاكواد ، يجب انشاء قاعدة بيانات جديدة من ال PHP My Admin  وفي حالتي تفاصيل قاعدة البيانات كالتالي :

  • اسم قاعدة البيانات people
  • اسم الجدول details
  • عناصر الجدول id, name,email,phone,picture,country وبالنسبة لل id فهو يزداد تلقائيا Auto increment

كما في الصورة التالية :

database-phpmyadmin1-1024x455

نبدأ الان في ادراج الاكواد ، ساستعمل محرر ال ++ Notepad لكتابة الاكواد لانه الافضل :

نبتدأ بملف ال function.php وفيه عملنا دالتين ، الاولى من اجل عرض القائمة الرئيسية والاخرى عرض عنوان الصفحة اعلى المتصفح

function.php

وبعدها نقوم بعمل ملف الهيدر header.php الذي سيقوم بعرض عنوان الموقع الرئيسي وعنوان الموقع اعلى المتصفح و يستدعي دالة المنيو القائمة الرئيسية

header.php


		

وهنا ملف الفوتر الذي سيحتوي على حقوق الموقع

footer.php


اما بالنسبة الى القسم الجانبي من الموقع Sidebar  فسيكون بالشكل التالي :

sidebar.php

ويمكن اضافة اي محتوى الى السايد بار مثل الصور الصغيرة والروابط وما الى ذلك…

هنا في ملف ال class-theme-methods.php  يوجد الدالة الرئيسية والمهمه في صنع القائمة الرئيسية و فيه يمكن ان نضع جميع الاكواد المعقدة التي نحتاجها مستقبلا لتطوير الموقع بعيدا عن ملفات القالب الرئيسية …

class-theme-methods.php

بما اننا اكملنا اقسام الموقع الرئيسية وهي Header, Footer, Sidebar وهذه الملفات تسمى بملفات القالب Template

واكملنا ايضا ملف الدوال Function  و class-theme-methods

يكون ملف القالب النهائي قد اكتمل ، وهو الملف الذي سنعتمد عليه في انشاء ملفات الموقع ذات المحتوى …

وسيكون بالشكل التالي :

template.php


الان نبدا بصفحات المحتوى وهي Home, about, show database , add to database

home.php

 about.php




نأتي الان الى ملف الاضافة الى قاعدة البيانات :

add_to_database.php




show_database.php


لمن يرغب بتحميل الكود كاملا بصورة جاهزة وسيكون معه ملف الستايل الذي يعنى بالتصميم style.css

من هنا