المساهمات : 463 تاريخ التسجيل : 31/12/2007 العمر : 35
موضوع: الدرس السادس : برنامج دليل الهاتف الأحد يناير 27, 2008 1:15 pm
عمل برنامج دليل الهاتف للتعرف على طريقة ربط الجداول ببعض عن طريق Dreamweaver MX 2004
من خلال هذا الدرس سوف نتعرف على ما يلي .
1- التعرف على كيفية عمل البرامج التي تعمل بلغة بي اتش بي .
2- التعرف على كيفية ربط الجداول ببعض .
3- التعرف علي طريقة تغيير التصميم .
اولا سوف نتعرف على الجداول التي نحتاجها لهذه الدرس او البرنامج .
نحتاج الى ثلاثة جداول .
1- جدول المدن (الاقسام الرئيسية) .
2- جدول الاسماء .
3- جدول التفاصيل .
سوف اوضح عمل هذا البرنامج .
المدن – الاسماء -- التفاصيل .
للتعرف على اسم معين في البرنامج يجب معرفة من أي مدينة ينتمي .
مثلا من جدول المدن يكون مثلا كالتالي .
دليل الهاتف
المدينة
1
الخليل
2
القدس
2
رام الله
وينتقل بنا الجدول عندما نضغط على احدى المدن الى جدول الاساء والتي سوف نتعرف على كيفية عمل ارتباط تشعبي لقائمة الاسماء ويحضر لنا اسماء الذين يسكنون في المدينة التي ضغطا عليها .
اسم المدينة ( الخليل )
الرقم
الاسم
الرقم
العنوان
1
محمد
544435435
اسم الحي
2
علي
535453453
اسم الحي
وعندما نقوم بالضغط على اسم من الاسماء يظهر لنا البرنامج التفاصيل المطلوبة او المضافى لهذا الاسم .
هذه نظرة عامة ومختصرة للبرنامج الذي سوف نقوم بعملة الان وسوف نشرح خطوات البرنامج بالصورة خطوة خطوة .
نقوم في البداية بعمل قواعد البيانات اللازمة كما يلي
اولا جدول المدن .
ثانية جدول الاسماء
جدول التفاصيل.
وهكذا نكون قد انتهينا من عمل الجداول ننتقل الان الى البرنامج
نقوم بعمل صفحة جديدة وطبعا بامتداد ب ي اتش بي وافضل ان تكون الصفحة الرئيسية : index.php
وهذه الصفحة سوف نعرض فيها اسماء المدن .
بالعدودة الى الدرس الثالث ومراجعة كيفية الاتصال بقواعد البيانات .
وكذالك مراجعة الدرس الخامس وهو يبين كيفية منادات الجداول من قاعدة البيانات .
وهو كيفية عمل الصفحة الديدة وهي الصفحة الرئيسية مجلد 3 صورة 2
والان كيفية عمل الريكورد ست مجلد 5 صورة 2
وتظهر لنا الصورة التالية ونقوم بتعبئة البيانات بالصورة التالية .
وهو جدول المدن .
والان سوف نقوم بالاستعلام عن قائمة اسماء المدن وكيف يقوم دريم ويفر باستخراجها من قاعدة البيانات وعمل الرابط الذي يوصلنا الى صفحة الاسماء تابع الصورة التالية .
لتظهر لنا الصورة التالية ونقوم بتعبئة البيانات التالية .
وكما هو موضح في الصورة وعندما نكتب اسما للصفحة التي سنتقل اليها الرابط سوف يقوم الدريم ويفر بخلقها بنفسة تلقائيا .
وعندما نضغط على ok سوف يظهر لنا البرنامج الجداول والبيانات بالشكل التالي .
لاحظ كيف يقوم البرنامج بخلق الجداول وايضا يخلق له كلمات التحرك للامام وللخلف والاخير والاول .
وسوف نقوم بتغير التصميم على الصفحة الرئيسية فقط لترك لك المجال لتصميم باقي الصفحات بنفسك.
والان سوف نقوم بعمل صفحة لاصافة اسماء المدن الى قاعدة البيانات .
نقوم بعمل صفحة جديدة ونسميها insert_cety.php
ونذهب الى شريط القوائم ومن ثقائمة insert نختار التالي والموضح في الصورة التالية :
لتظهر لنا النافذة التالية
1- ملف الاتصال .
2- اسم الجدول الذي نريد ان نضيف فيه .
3- بعد الاضافة اذهب الى الصفحة زالتي نحددها .
4- قائمة الحقول .
ليظهر لنا منظر الصفحة كما يلي
قم بحذف حقل الاي دي لانه يضيف تلقائي .
لاحظ الرقمين الذان علمتها في الصورة
1- ايقونة لاستعراض الملف في السيرفر الاباتشي .
2- اسم المستعرض اضغط عليه لتقوم باضافة اسم مدينة لقاعدة البيانات .
وعندما قمت باضافة اسم ثلاثة مدن تبين لدي القائمة التالية في المستعرض .
والان جرب اضغط على اسم احدة المدن
سيذهب بك المستعرض الى الصفحة التي يتم فيها استعراضالاسماء حسب اسم المدينة وذلك عن طريق حقل id الذي يكون اساسيا في كل الجداول وسوف نبين كيف يقوم برنامج دريم ويفر بعرض الاسماء حسب الاي دي للمدينة .
نقوم اولا بانشاء صفحة جديدة والافضل ان نختار اسم الصفحة التي قمنا بعملها سابقا
names.php والان سوف نقوم اولا بعمل صفحة الاضافة للاسماء وطبعا عندما نضيف اسم يجب ان تكون اسماء المدن مضافة لكي نقوم بوضع قائمة اسماء المدن في صفحة الاضافة والصور التالية تبين كيفية عمل الصفحة بالترتيب .
سوف ننشئ صفحة الاضافة للاسماء بهذا الاسم : insert_names.php ونقوم كالعاده من شريط القوائم انسيرت وثم ابليكيشن اوبجيكت ثم انسيرت ريكورد وثم ريكورد انسيرشن فروم ويزرد أي اضافة باستخدام المعالج فتظهر لنا الصورة التالية .
1- نحدد خصائص الحقول text field .
2- خاصية هذا الحقل تكون وكما هو موضح في الصورة قائمة menu طبعا نختار الخصائص من القائمة كما في الصورة السابقة .
بعد انشاء صفحة الاضافة للاسماء تظهر لنا الصفحة بالشكل التالي .
والان سوف نقوم باعدادات القائمة أي انه سوف نعرف القائمة على الجدول الذي سوف يحضر البيانات منه .
تابع معي الصورة والتي احضرنا من خلالها بيانات جدول اسماء المدن بالشكل التالي .
والان قم بتحديد حقل القائمة من صفحة الاضافة كم يا يلي .
الان نذهب الى القائمة اليمنى للبرنامج ونضغط على تابع الصورة التالية :
وتظهر الصورة التالية .
نقوم بتعبئة الحقول كما في الصورة وطبعا شرحت في دروس سابقة كيفية التعبئة انظر الى اشارة ال + و ال - فهي اذا ارد اضافة حقول يدوية وازالتها قم بازالة الحقول الافتراضية التي موضحة بالتحديد الازرق فلاحاجة لنا بها .
والان وبعدما جهزنا جدول القائمة نلاحظ التالية عندما نستعرض الصفحة .
والان نقوم باضافة اسمين او اكثر لتجربتها بعدما نقوم بعمل صفحة استعراض الاسماء .
ملاحظة : عندما يقوم البرنامج بخلق صفحة مرادفة لصفحة سابقة يقوم بنقل بياناتها تلقائي كما يلي:
رقم 2
والان نقوم بعم الريكورد سيت لصفحة الاسماء كم يلي .
1- اسم الجدول وهو جدول الاسماء .
2- حقل المدينة المجود في جدول الاسماء وهو معناه احض البيانات عن طريق هذا الجدول من خلال الاي دي كما في الرقم 3 .
3- اظهر البيانات باستخدام الاي دي .
4- اظهر البيانات من الاجدد الى الاقدم وبالعكس .
اذا اردت استعراض الصفحة ( صفحة الاسماء ) يظهر لك المستعرض الخطا التالي .
ويعني هذا الخطا انه يجب عليك استعراضة من خلال الصفحة المرادفة وهي صفحة المدن السابقة .
جرب افتح صفحة المدن واضغط عل اسم مدينة سترى ان هذه الصفحة تعمل بشكل جيد .
زالان صفحة التفاصيل وسوف اجعلك تعملها بنفسك لتجرب قدراتك فقط سوف اضع صور توضيحية لها .