تعلم كيفية إنشاء صفحة رئيسية في Dreamweaver وإنشاء روابط إلى صفحة التفاصيل.
تم تبسيط واجهة المستخدم في Dreamweaver والإصدارات الأحدث. ونتيجة لذلك، قد لا تجد بعض الخيارات الموضحة في هذه المقالة في Dreamweaver والإصدارات اللاحقة. للاطلاع على المزيد من المعلومات، راجع هذه المقالة.
مقدمة إلى الصفحات الرئيسية وصفحات التفاصيل
الصفحات الرئيسية وصفحات التفاصيل هي مجموعات من الصفحات المستخدمة لتنظيم وعرض بيانات مجموعة السجلات.توفر هذه الصفحات لزائر موقعك نظرة عامة وعرضاً مفصلاً.تسرد الصفحة الرئيسية جميع السجلات وتحتوي على روابط إلى صفحات التفاصيل التي تعرض معلومات إضافية حول كل سجل.
يمكنك إنشاء صفحات رئيسية وصفحات تفاصيل عن طريق إدراج كائن بيانات لإنشاء صفحة رئيسية وصفحة تفاصيل في عملية واحدة أو باستخدام سلوكيات الخادم لإنشاء الصفحات الرئيسية وصفحات التفاصيل بطريقة أكثر تخصيصًا.عند استخدام سلوكيات الخادم لإنشاء صفحات رئيسية وصفحات تفاصيل، تقوم أولاً بإنشاء صفحة رئيسية لسرد السجلات ثم تضيف روابط من القائمة إلى صفحات التفاصيل.
إنشاء صفحة رئيسية
قبل البدء، تأكد من تحديد اتصال قاعدة بيانات لموقعك.
في لوحة الربط (نوافذ > ربط)، انقر على زر علامة الجمع (+)، حدد مجموعة السجلات، واختر الخيارات. إذا كنت تريد كتابة عبارة SQL الخاصة بك، فانقر فوق Advanced.
تأكد من أن مجموعة السجلات تحتوي على جميع أعمدة الجدول التي تحتاجها لإنشاء صفحتك الرئيسية.يجب أن تتضمن مجموعة السجلات أيضًا عمود الجدول الذي يحتوي على المفتاح الفريد لكل سجل—أي عمود معرف السجل.في المثال التالي، يحتوي عمود الرمز على المفتاح الفريد لكل سجل.
عادةً، تستخرج مجموعة السجلات في الصفحة الرئيسية أعمدة قليلة من جدول قاعدة البيانات في حين أن مجموعة السجلات في صفحة التفاصيل تستخرج المزيد من الأعمدة من نفس الجدول لتوفير التفاصيل الإضافية.
يمكن تحديد مجموعة السجلات بواسطة المستخدم في وقت التشغيل.لمزيد من المعلومات، راجع بناء صفحات البحث والنتائج.
ضع نقطة الإدراج حيث تريد ظهور الجدول الديناميكي في الصفحة.حدد إدراج > كائنات البيانات > بيانات ديناميكية > جدول ديناميكي، اضبط الخيارات، وانقر على موافق.
إذا كنت لا تريد إظهار معرفات السجلات للمستخدمين، يمكنك حذف العمود من الجدول الديناميكي.انقر في أي مكان على الصفحة لنقل التركيز إلى الصفحة.حرك المؤشر بالقرب من أعلى العمود في الجدول الديناميكي حتى تظهر خلايا العمود محاطة بحد أحمر، ثم انقر لتحديد العمود.اضغط على حذف لحذف العمود من الجدول.
إنشاء ارتباطات إلى صفحة التفاصيل
بعد إنشاء الصفحة الرئيسية وإضافة مجموعة السجلات، تقوم بإنشاء روابط تفتح صفحة التفاصيل.ثم تقوم بتعديل الروابط لتمرير معرفات السجلات التي يحددها المستخدم. تستخدم صفحة التفاصيل هذا المعرف للعثور على السجل المطلوب في قاعدة البيانات وعرضه.
يمكنك إنشاء روابط لتحديث الصفحات باستخدام نفس العملية. صفحة النتائج مماثلة للصفحة الرئيسية، وصفحة التحديث مماثلة لصفحة التفاصيل.
افتح صفحة التفاصيل ومرر معرف السجل (ColdFusion، PHP)
في الجدول الديناميكي، يظهر النص المحدد مرتبطًا. عندما يتم تشغيل الصفحة على الخادم، يُطبق الرابط على النص في كل صف في الجدول.
?recordID=#recordsetName.fieldName#
تخبر علامة الاستفهام الخادم أن ما يلي هو معامل واحد أو أكثر لعنوان URL. كلمة recordID هي اسم معامل URL (يمكنك اختراع أي اسم تريده). اكتب ملاحظة حول اسم معامل URL لأنك ستستخدمه في صفحة التفاصيل لاحقًا.
التعبير بعد علامة التساوي هو قيمة المعامل. في هذه الحالة، تُولّد القيمة بواسطة تعبير ColdFusion الذي يُرجع معرف سجل من مجموعة السجلات.يتم إنشاء معرف مختلف لكل صف في الجدول الديناميكي. في تعبير ColdFusion، استبدل recordsetName باسم مجموعة السجلات الخاصة بك، واستبدل fieldName باسم الحقل في مجموعة السجلات الذي يحدد كل سجل بشكل فريد. في معظم الحالات، سيتكون الحقل من رقم معرف السجل. في المثال التالي، يتكون الحقل من رموز مواقع فريدة.
locationDetail.cfm?recordID=#rsLocations.CODE#
عندما يتم تشغيل الصفحة، يتم إدراج قيم حقل CODE في مجموعة السجلات في الصفوف المقابلة في الجدول الديناميكي. على سبيل المثال، إذا كان موقع التأجير في كانبيرا، أستراليا، يحمل الرمز CBR، فسيتم استخدام عنوان URL التالي في صف كانبيرا في الجدول الديناميكي:
locationDetail.cfm?recordID=CBR
?recordID=<?php echo $row_recordsetName['fieldName']; ?>
تخبر علامة الاستفهام الخادم أن ما يلي هو معامل واحد أو أكثر لعنوان URL. كلمة recordID هي اسم معامل URL (يمكنك استخدام أي اسم تريده). دون اسم معامل URL لأنك ستستخدمه في صفحة التفاصيل لاحقاً.
التعبير بعد علامة المساواة هو قيمة المعامل. في هذه الحالة، يتم إنشاء القيمة بواسطة تعبير PHP يُرجع ID سجل من مجموعة السجلات. يتم إنشاء ID مختلف لكل صف في الجدول الديناميكي. في تعبير PHP، استبدل recordsetName باسم مجموعة السجلات الخاصة بك، واستبدل fieldName باسم الحقل في مجموعة السجلات الذي يحدد بشكل فريد كل سجل. في معظم الحالات، سيتكون الحقل من رقم معرّف السجل.في المثال التالي، يتكون الحقل من رموز مواقع فريدة.
locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>
عندما تعمل الصفحة، يتم إدراج قيم حقل CODE الخاص بمجموعة السجلات في الصفوف المقابلة في الجدول الديناميكي.على سبيل المثال، إذا كان موقع الإيجار في كانبيرا، أستراليا يحمل الرمز CBR، فإن عنوان URL التالي يُستخدم في صف كانبيرا في الجدول الديناميكي:
locationDetail.php?recordID=CBR
افتح صفحة التفاصيل ومرر معرّف السجل (ASP)
يحيط ارتباط خاص بالنص المحدد. عندما ينقر المستخدم على الرابط، فإن سلوك الخادم Go To Detail Page يمرر معامل URL يحتوي على ID السجل إلى صفحة التفاصيل. على سبيل المثال، إذا كان معامل URL يُسمى id وصفحة التفاصيل تُسمى customerdetail.asp، فإن URL يبدو كالتالي عندما ينقر المستخدم على الرابط:
http://www.mysite.com/customerdetail.asp?id=43
الجزء الأول من URL، http://www.mysite.com/customerdetail.asp، يفتح صفحة التفاصيل. أما الجزء الثاني، ?id=43، فهو عبارة عن معلمة URL. وهو يخبر صفحة التفاصيل بالسجل الذي تبحث عنه ويعرضه. المصطلح id هو اسم معامل URL و43 هو قيمته. في هذا المثال، معامل URL يحتوي على رقم ID السجل، 43.
ابحث عن السجل المطلوب واعرضه في صفحة التفاصيل
لعرض السجل المطلوب من الصفحة الرئيسية، يجب تعريف مجموعة سجلات لتحتوي على سجل واحد وربط أعمدة مجموعة السجلات بصفحة التفاصيل.
يظهر مربع الحوار البسيط Recordset أو DataSet. إذا ظهر مربع الحوار المتقدم بدلاً من ذلك، انقر على بسيط.
يمكن أن يكون recordset مطابقاً أو مختلفاً عن recordset في الصفحة الرئيسية.عادةً ما تحتوي مجموعة سجلات صفحة التفاصيل على أعمدة أكثر لعرض المزيد من التفاصيل.
إذا كانت مجموعات السجلات مختلفة، تأكد من أن مجموعة السجلات في صفحة التفاصيل تحتوي على عمود واحد على الأقل مشترك مع مجموعة السجلات في الصفحة الرئيسية.العمود المشترك عادةً ما يكون عمود معرف السجل، ولكن يمكن أن يكون أيضاً حقل الربط للجداول ذات الصلة.
لتضمين بعض أعمدة الجدول فقط في recordset، انقر على محدد واختر الأعمدة المرغوبة بالنقر مع الضغط على Control (Windows) أو Command (Macintosh) عليها في القائمة.
من القائمة المنبثقة الأولى في منطقة عامل التصفية، حدد العمود في recordset الذي يحتوي على قيم تطابق قيمة معامل URL الذي تم تمريره بواسطة الصفحة الرئيسية.على سبيل المثال، إذا كان معامل URL يحتوي على رقم معرف السجل، حدد العمود الذي يحتوي على أرقام معرف السجل.في المثال المناقش في القسم السابق، عمود recordset المسمى CODE يحتوي على القيم التي تطابق قيمة معامل URL الذي تم تمريره بواسطة الصفحة الرئيسية.
من القائمة المنبثقة بجانب القائمة الأولى، حدد علامة التساوي (يجب أن تكون محددة بالفعل).
من القائمة المنبثقة الثالثة، حدد URL Parameter. تستخدم الصفحة الرئيسية معامل URL لتمرير المعلومات إلى صفحة التفاصيل.
في المربع الرابع، أدخل اسم معامل URL الذي تم تمريره بواسطة الصفحة الرئيسية.
بعد رفع كل من الصفحات الرئيسية وصفحات التفاصيل إلى الخادم، يمكنك فتح الصفحة الرئيسية في المتصفح.بعد النقر على رابط التفاصيل في الصفحة الرئيسية، تفتح صفحة التفاصيل مع مزيد من المعلومات حول السجل المحدد.
اعثر على سجل محدد واعرضه على صفحة (ASP)
يمكنك إضافة سلوك خادم يجد سجلاً محدداً في recordset بحيث يمكنك عرض بيانات السجل على الصفحة.سلوك الخادم متاح فقط عند استخدام نموذج خادم ASP.
معرف سجل موجود في معامل URL تم تمريره من صفحة أخرى إلى الصفحة الحالية.يمكنك إنشاء معاملات URL على الصفحة الأخرى باستخدام روابط HTML التشعبية أو باستخدام نموذج HTML.لمزيد من المعلومات، راجع استخدام النماذج لجمع المعلومات من المستخدمين.
مجموعة سجلات معرفة للصفحة الحالية. يستخرج سلوك الخادم تفاصيل السجل من مجموعة السجلات هذه.للحصول على الإرشادات، راجع تعريف مجموعة سجلات دون كتابة SQL أو تعريف مجموعة سجلات متقدمة بكتابة SQL.
أعمدة مجموعة سجلات مرتبطة بالصفحة. يجب عرض السجل المحدد على الصفحة.لمزيد من المعلومات، راجع جعل النص ديناميكيًا.
على سبيل المثال، إذا كانت الصفحة الأخرى تمرر رقم معرف السجل، حدد العمود الذي يحتوي على أرقام معرفات السجلات.
على سبيل المثال، إذا كان عنوان URL الذي استخدمته الصفحة الأخرى لفتح صفحة التفاصيل هو id=43، أدخل id في مربع Matches URL Parameter.
في المرة القادمة التي يتم فيها طلب الصفحة بواسطة المتصفح، سيقرأ سلوك الخادم معرف السجل في معامل URL الممرر بواسطة الصفحة الأخرى وينتقل إلى السجل المحدد في مجموعة السجلات.
إنشاء الصفحات الرئيسية وصفحات التفاصيل في عملية واحدة
عند تطوير تطبيقات الويب، يمكنك إنشاء الصفحات الرئيسية وصفحات التفاصيل بسرعة باستخدام كائن البيانات Master Detail Page Set.
تصبح هذه الصفحة الصفحة الرئيسية.
تأكد من أن مجموعة السجلات تحتوي ليس فقط على جميع الأعمدة التي ستحتاجها للصفحة الرئيسية، ولكن أيضًا على جميع الأعمدة التي ستحتاجها لصفحة التفاصيل.عادة، تستخرج مجموعة السجلات في الصفحة الرئيسية أعمدة قليلة من جدول قاعدة البيانات بينما تستخرج مجموعة السجلات في صفحة التفاصيل أعمدة أكثر من نفس الجدول لتوفير التفاصيل الإضافية.
بشكل افتراضي، يتم تحديد جميع الأعمدة في مجموعة السجلات. إذا كانت مجموعة السجلات تحتوي على عمود مفتاح فريد مثل recordID، حدده وانقر على الزر Minus (-) حتى لا يتم عرضه على صفحتك.
في الصفحة الرئيسية، سيتم ترتيب أعمدة مجموعة السجلات أفقيًا في جدول.النقر على السهم لأعلى ينقل العمود إلى اليسار؛ النقر على السهم لأسفل ينقل العمود إلى اليمين.
على سبيل المثال، إذا كنت تريد أن يحتوي كل اسم منتج في الصفحة الرئيسية على رابط إلى صفحة التفاصيل، حدد عمود مجموعة السجلات الذي يحتوي على أسماء المنتجات.
عادة، يكون العمود المختار رقم معرف السجل. يتم تمرير هذه القيمة إلى صفحة التفاصيل حتى تتمكن من تحديد السجل الذي اختاره المستخدم.
يتم تحديد هذا الخيار افتراضيًا؛ ولا يظهر لجميع نماذج الخادم.
افتراضيًا، يتم تحديد جميع الأعمدة في مجموعة سجلات الصفحة الرئيسية.إذا كانت مجموعة السجلات تحتوي على عمود مفتاح فريد مثل recordID، حدده وانقر فوق الزر الناقص (-) بحيث لا يعرض في صفحة التفاصيل.
في صفحة التفاصيل، يتم ترتيب أعمدة مجموعة السجلات عموديًا في جدول.النقر فوق السهم العلوي يحرك العمود إلى الأعلى؛ والنقر فوق السهم السفلي يحرك العمود إلى الأسفل.
ينشئ كائن البيانات صفحة تفاصيل (إذا لم تكن قد أنشأت واحدة بالفعل) ويضيف المحتوى الديناميكي وسلوكيات الخادم إلى كل من الصفحتين الرئيسية وصفحة التفاصيل.
يمكنك تخصيص تخطيط كل صفحة بالكامل باستخدام أدوات تصميم الصفحات في Dreamweaver.يمكنك أيضًا تعديل سلوكيات الخادم عن طريق النقر المزدوج عليها في لوحة Server Behaviors.
بعد إنشاء الصفحات الرئيسية وصفحات التفاصيل باستخدام كائن البيانات، استخدم لوحة Server Behaviors (Window > Server Behaviors) لتعديل عناصر البناء المختلفة التي يدرجها كائن البيانات في الصفحات.
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.