مشروع : عمل موقع بسيط يرتبط بقاعدة بيانات

اتطرق اليوم الى مشروع عمل موقع بسيط من الصفر بلغة ال 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

من هنا

 

2014/11/19|تكنلوجيا|

حول الكاتب:

Profile photo of مصطفى الفارس
إنسان قبل أي انتماء آخر، مهندس علماني من الطبقة الوسطى أتقن ثلاث لغات على قناعة تامة بأن لي مطلق الحرية في التفكير والنقد وعدم السماح لما هو مقدس عند البعض بالتحكم في مصيري. في اوقات فراغي أكتب بعض المواضيع و أنشرها في هذه المدونة وغيرها من الاماكن. للتواصل يمكن استخدام البريد الالكتروني. من هواياتي البرمجة، السفر، التصوير، الترجمة، إنشاء و إدارة المواقع الالكترونية ثم كتابة المواضيع فيها.

** شروط التعليق **

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

اترك تعليق