إنشاء صفحات رئيسية وصفحات تفاصيل في Dreamweaver

تاريخ آخر تحديث 25‏/04‏/2024

تعلم كيفية إنشاء صفحة رئيسية في Dreamweaver وإنشاء روابط إلى صفحة التفاصيل.

ملاحظة

تم تبسيط واجهة المستخدم في Dreamweaver والإصدارات الأحدث. ونتيجة لذلك، قد لا تجد بعض الخيارات الموضحة في هذه المقالة في Dreamweaver والإصدارات اللاحقة. للاطلاع على المزيد من المعلومات، راجع هذه المقالة.

مقدمة إلى الصفحات الرئيسية وصفحات التفاصيل

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

الصفحة الرئيسية

صفحة التفاصيل

يمكنك إنشاء صفحات رئيسية وصفحات تفاصيل عن طريق إدراج كائن بيانات لإنشاء صفحة رئيسية وصفحة تفاصيل في عملية واحدة أو باستخدام سلوكيات الخادم لإنشاء الصفحات الرئيسية وصفحات التفاصيل بطريقة أكثر تخصيصًا.عند استخدام سلوكيات الخادم لإنشاء صفحات رئيسية وصفحات تفاصيل، تقوم أولاً بإنشاء صفحة رئيسية لسرد السجلات ثم تضيف روابط من القائمة إلى صفحات التفاصيل.

إنشاء صفحة رئيسية

قبل البدء، تأكد من تحديد اتصال قاعدة بيانات لموقعك.

لإنشاء صفحة فارغة، حدد ملف > جديد > صفحة فارغة، حدد نوع الصفحة، وانقر على إنشاء. تصبح هذه الصفحة الصفحة الرئيسية.
حدد مجموعة سجلات.

في لوحة الربط (نوافذ > ربط)، انقر على زر علامة الجمع (+)، حدد مجموعة السجلات، واختر الخيارات. إذا كنت تريد كتابة عبارة SQL الخاصة بك، فانقر فوق Advanced.

تأكد من أن مجموعة السجلات تحتوي على جميع أعمدة الجدول التي تحتاجها لإنشاء صفحتك الرئيسية.يجب أن تتضمن مجموعة السجلات أيضًا عمود الجدول الذي يحتوي على المفتاح الفريد لكل سجل—أي عمود معرف السجل.في المثال التالي، يحتوي عمود الرمز على المفتاح الفريد لكل سجل.

أعمدة مجموعة السجلات المحددة لصفحة رئيسية

عادةً، تستخرج مجموعة السجلات في الصفحة الرئيسية أعمدة قليلة من جدول قاعدة البيانات في حين أن مجموعة السجلات في صفحة التفاصيل تستخرج المزيد من الأعمدة من نفس الجدول لتوفير التفاصيل الإضافية.

يمكن تحديد مجموعة السجلات بواسطة المستخدم في وقت التشغيل.لمزيد من المعلومات، راجع بناء صفحات البحث والنتائج.

قم بإدراج جدول ديناميكي لعرض السجلات.

ضع نقطة الإدراج حيث تريد ظهور الجدول الديناميكي في الصفحة.حدد إدراج > كائنات البيانات > بيانات ديناميكية > جدول ديناميكي، اضبط الخيارات، وانقر على موافق.

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

بعد إنشاء الصفحة الرئيسية وإضافة مجموعة السجلات، تقوم بإنشاء روابط تفتح صفحة التفاصيل.ثم تقوم بتعديل الروابط لتمرير معرفات السجلات التي يحددها المستخدم. تستخدم صفحة التفاصيل هذا المعرف للعثور على السجل المطلوب في قاعدة البيانات وعرضه.

ملاحظة

يمكنك إنشاء روابط لتحديث الصفحات باستخدام نفس العملية. صفحة النتائج مماثلة للصفحة الرئيسية، وصفحة التحديث مماثلة لصفحة التفاصيل.

افتح صفحة التفاصيل ومرر معرف السجل (ColdFusion، PHP)

في الجدول الديناميكي، حدد عنصر نائب المحتوى للنص الذي سيكون بمثابة رابط.
الارتباطات مطبقة على العنصر النائب المحدد.

في مفتش الخصائص، انقر على رمز المجلد بجانب مربع الرابط.
استعرض حتى تصل إلى صفحة التفاصيل وقم بتحديدها. تظهر صفحة التفاصيل في مربع الرابط في مفتش الخصائص.

في الجدول الديناميكي، يظهر النص المحدد مرتبطًا. عندما يتم تشغيل الصفحة على الخادم، يُطبق الرابط على النص في كل صف في الجدول.

على الصفحة الرئيسية، حدد الارتباط في الجدول الديناميكي.
(ColdFusion) في مربع الرابط في مفتش الخصائص، أضف السلسلة التالية في نهاية عنوان URL:

?recordID=#recordsetName.fieldName#

تخبر علامة الاستفهام الخادم أن ما يلي هو معامل واحد أو أكثر لعنوان URL. كلمة recordID هي اسم معامل URL (يمكنك اختراع أي اسم تريده). اكتب ملاحظة حول اسم معامل URL لأنك ستستخدمه في صفحة التفاصيل لاحقًا.

التعبير بعد علامة التساوي هو قيمة المعامل. في هذه الحالة، تُولّد القيمة بواسطة تعبير ColdFusion الذي يُرجع معرف سجل من مجموعة السجلات.يتم إنشاء معرف مختلف لكل صف في الجدول الديناميكي. في تعبير ColdFusion، استبدل recordsetName باسم مجموعة السجلات الخاصة بك، واستبدل fieldName باسم الحقل في مجموعة السجلات الذي يحدد كل سجل بشكل فريد. في معظم الحالات، سيتكون الحقل من رقم معرف السجل. في المثال التالي، يتكون الحقل من رموز مواقع فريدة.

locationDetail.cfm?recordID=#rsLocations.CODE#

عندما يتم تشغيل الصفحة، يتم إدراج قيم حقل CODE في مجموعة السجلات في الصفوف المقابلة في الجدول الديناميكي. على سبيل المثال، إذا كان موقع التأجير في كانبيرا، أستراليا، يحمل الرمز CBR، فسيتم استخدام عنوان URL التالي في صف كانبيرا في الجدول الديناميكي:

locationDetail.cfm?recordID=CBR

(PHP) في حقل الرابط في مفتش الخصائص، أضف السلسلة التالية في نهاية عنوان URL:

?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)

حدد المحتوى الديناميكي ليعمل أيضاً كرابط.
في لوحة Server Behaviors (نافذة > Server Behaviors)، انقر على الزر Plus (+)، واختر Go to Detail Page من القائمة المنبثقة.
في مربع Detail Page، انقر فوق Browse وحدد موقع الصفحة.
حدد القيمة التي تريد تمريرها إلى صفحة التفاصيل عن طريق تحديد مجموعة سجلات وعمود من قوائم Recordset وColumn المنبثقة. عادة تكون القيمة فريدة للسجل، مثل ID المفتاح الفريد للسجل.
إذا رغبت في ذلك، مرر معاملات الصفحة الموجودة إلى صفحة التفاصيل عن طريق تحديد خيارات URL Parameters أو Form Parameters.
انقر فوق OK.

يحيط ارتباط خاص بالنص المحدد. عندما ينقر المستخدم على الرابط، فإن سلوك الخادم 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 (Query) أو DataSet (Query) من القائمة المنبثقة.

يظهر مربع الحوار البسيط Recordset أو DataSet. إذا ظهر مربع الحوار المتقدم بدلاً من ذلك، انقر على بسيط.

قم بتسمية recordset، وحدد المصدر للبيانات وجدول قاعدة البيانات الذي سيوفر البيانات لـ recordset الخاص بك.
في منطقة الأعمدة، حدد أعمدة الجدول المراد تضمينها في مجموعة السجلات.

يمكن أن يكون recordset مطابقاً أو مختلفاً عن recordset في الصفحة الرئيسية.عادةً ما تحتوي مجموعة سجلات صفحة التفاصيل على أعمدة أكثر لعرض المزيد من التفاصيل.

إذا كانت مجموعات السجلات مختلفة، تأكد من أن مجموعة السجلات في صفحة التفاصيل تحتوي على عمود واحد على الأقل مشترك مع مجموعة السجلات في الصفحة الرئيسية.العمود المشترك عادةً ما يكون عمود معرف السجل، ولكن يمكن أن يكون أيضاً حقل الربط للجداول ذات الصلة.

لتضمين بعض أعمدة الجدول فقط في recordset، انقر على محدد واختر الأعمدة المرغوبة بالنقر مع الضغط على Control (Windows) أو Command (Macintosh) عليها في القائمة.

أكمل قسم عامل التصفية للعثور على السجل المحدد في معامل URL الذي تم تمريره بواسطة الصفحة الرئيسية وعرضه:
  • من القائمة المنبثقة الأولى في منطقة عامل التصفية، حدد العمود في recordset الذي يحتوي على قيم تطابق قيمة معامل URL الذي تم تمريره بواسطة الصفحة الرئيسية.على سبيل المثال، إذا كان معامل URL يحتوي على رقم معرف السجل، حدد العمود الذي يحتوي على أرقام معرف السجل.في المثال المناقش في القسم السابق، عمود recordset المسمى CODE يحتوي على القيم التي تطابق قيمة معامل URL الذي تم تمريره بواسطة الصفحة الرئيسية.

  • من القائمة المنبثقة بجانب القائمة الأولى، حدد علامة التساوي (يجب أن تكون محددة بالفعل).

  • من القائمة المنبثقة الثالثة، حدد URL Parameter. تستخدم الصفحة الرئيسية معامل URL لتمرير المعلومات إلى صفحة التفاصيل.

  • في المربع الرابع، أدخل اسم معامل URL الذي تم تمريره بواسطة الصفحة الرئيسية.

انقر فوق OK. تظهر مجموعة السجلات في لوحة Bindings.
اربط أعمدة recordset بصفحة التفاصيل عن طريق تحديد الأعمدة في لوحة الروابط (نافذة > الروابط) وسحبها إلى الصفحة.

بعد رفع كل من الصفحات الرئيسية وصفحات التفاصيل إلى الخادم، يمكنك فتح الصفحة الرئيسية في المتصفح.بعد النقر على رابط التفاصيل في الصفحة الرئيسية، تفتح صفحة التفاصيل مع مزيد من المعلومات حول السجل المحدد.

اعثر على سجل محدد واعرضه على صفحة (ASP)

يمكنك إضافة سلوك خادم يجد سجلاً محدداً في recordset بحيث يمكنك عرض بيانات السجل على الصفحة.سلوك الخادم متاح فقط عند استخدام نموذج خادم ASP.

قم بإنشاء صفحة بها المتطلبات الأساسية التالية:
أضف سلوك الخادم للعثور على السجل المحدد بواسطة معامل URL بالنقر على زر Plus (+) في لوحة Server Behaviors (Window > Server Behaviors) وتحديد Recordset Paging > Move to Specific Record.
في القائمة المنبثقة Move To Record In، حدد مجموعة السجلات التي عرّفتها للصفحة.
في القائمة المنبثقة Where Column، حدد العمود الذي يحتوي على القيمة الممررة بواسطة الصفحة الأخرى.

على سبيل المثال، إذا كانت الصفحة الأخرى تمرر رقم معرف السجل، حدد العمود الذي يحتوي على أرقام معرفات السجلات.

في مربع Matches URL Parameter، أدخل اسم معامل URL الممرر بواسطة الصفحة الأخرى.

على سبيل المثال، إذا كان عنوان URL الذي استخدمته الصفحة الأخرى لفتح صفحة التفاصيل هو id=43، أدخل id في مربع Matches URL Parameter.

انقر فوق OK.

في المرة القادمة التي يتم فيها طلب الصفحة بواسطة المتصفح، سيقرأ سلوك الخادم معرف السجل في معامل URL الممرر بواسطة الصفحة الأخرى وينتقل إلى السجل المحدد في مجموعة السجلات.

إنشاء الصفحات الرئيسية وصفحات التفاصيل في عملية واحدة

عند تطوير تطبيقات الويب، يمكنك إنشاء الصفحات الرئيسية وصفحات التفاصيل بسرعة باستخدام كائن البيانات Master Detail Page Set.

لإنشاء صفحة ديناميكية فارغة، حدد File > New > Blank Page، وحدد صفحة ديناميكية من قائمة Page Type، وانقر على Create.

تصبح هذه الصفحة الصفحة الرئيسية.

حدد مجموعة سجلات للصفحة.

تأكد من أن مجموعة السجلات تحتوي ليس فقط على جميع الأعمدة التي ستحتاجها للصفحة الرئيسية، ولكن أيضًا على جميع الأعمدة التي ستحتاجها لصفحة التفاصيل.عادة، تستخرج مجموعة السجلات في الصفحة الرئيسية أعمدة قليلة من جدول قاعدة البيانات بينما تستخرج مجموعة السجلات في صفحة التفاصيل أعمدة أكثر من نفس الجدول لتوفير التفاصيل الإضافية.

افتح الصفحة الرئيسية في عرض Design، وحدد Insert > Data Objects > Master Detail Page Set.
في القائمة المنبثقة Recordset، تأكد من اختيار مجموعة السجلات التي تحتوي على السجلات التي تريد عرضها على الصفحة الرئيسية.
في منطقة Master Page Fields، حدد أعمدة مجموعة السجلات لعرضها على الصفحة الرئيسية.

بشكل افتراضي، يتم تحديد جميع الأعمدة في مجموعة السجلات. إذا كانت مجموعة السجلات تحتوي على عمود مفتاح فريد مثل recordID، حدده وانقر على الزر Minus (-) حتى لا يتم عرضه على صفحتك.

لتغيير الترتيب الذي تظهر به الأعمدة على الصفحة الرئيسية، حدد عمودًا في القائمة وانقر على السهم لأعلى أو لأسفل.

في الصفحة الرئيسية، سيتم ترتيب أعمدة مجموعة السجلات أفقيًا في جدول.النقر على السهم لأعلى ينقل العمود إلى اليسار؛ النقر على السهم لأسفل ينقل العمود إلى اليمين.

في القائمة المنبثقة Link To Detail From، حدد العمود في مجموعة السجلات الذي سيعرض قيمة تعمل أيضًا كرابط إلى صفحة التفاصيل.

على سبيل المثال، إذا كنت تريد أن يحتوي كل اسم منتج في الصفحة الرئيسية على رابط إلى صفحة التفاصيل، حدد عمود مجموعة السجلات الذي يحتوي على أسماء المنتجات.

في القائمة المنبثقة Pass Unique Key، حدد العمود في مجموعة السجلات الذي يحتوي على قيم تحديد السجلات.

عادة، يكون العمود المختار رقم معرف السجل. يتم تمرير هذه القيمة إلى صفحة التفاصيل حتى تتمكن من تحديد السجل الذي اختاره المستخدم.

ألغِ تحديد خيار Numeric إذا كان عمود المفتاح الفريد ليس رقميًا.
ملاحظة

يتم تحديد هذا الخيار افتراضيًا؛ ولا يظهر لجميع نماذج الخادم.

حدد عدد السجلات التي تريد عرضها في الصفحة الرئيسية.
في مربع Detail Page Name، انقر فوق Browse وحدد موقع ملف صفحة التفاصيل الذي أنشأته، أو أدخل اسمًا واترك كائن البيانات ينشئ واحدًا لك.
في منطقة Detail Page Fields، حدد الأعمدة التي ستُعرض في صفحة التفاصيل.

افتراضيًا، يتم تحديد جميع الأعمدة في مجموعة سجلات الصفحة الرئيسية.إذا كانت مجموعة السجلات تحتوي على عمود مفتاح فريد مثل recordID، حدده وانقر فوق الزر الناقص (-) بحيث لا يعرض في صفحة التفاصيل.

لتغيير الترتيب الذي تظهر به الأعمدة في صفحة التفاصيل، حدد عمودًا في القائمة وانقر فوق السهم العلوي أو السفلي.

في صفحة التفاصيل، يتم ترتيب أعمدة مجموعة السجلات عموديًا في جدول.النقر فوق السهم العلوي يحرك العمود إلى الأعلى؛ والنقر فوق السهم السفلي يحرك العمود إلى الأسفل.

انقر فوق OK.

ينشئ كائن البيانات صفحة تفاصيل (إذا لم تكن قد أنشأت واحدة بالفعل) ويضيف المحتوى الديناميكي وسلوكيات الخادم إلى كل من الصفحتين الرئيسية وصفحة التفاصيل.

خصص تخطيط الصفحتين الرئيسية وصفحة التفاصيل لتناسب احتياجاتك.

يمكنك تخصيص تخطيط كل صفحة بالكامل باستخدام أدوات تصميم الصفحات في Dreamweaver.يمكنك أيضًا تعديل سلوكيات الخادم عن طريق النقر المزدوج عليها في لوحة Server Behaviors.

بعد إنشاء الصفحات الرئيسية وصفحات التفاصيل باستخدام كائن البيانات، استخدم لوحة Server Behaviors (Window > Server Behaviors) لتعديل عناصر البناء المختلفة التي يدرجها كائن البيانات في الصفحات.