دليل المستخدم إلغاء

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

بحث

تاريخ آخر تحديث 6 مايو 2021

ملاحظة:

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

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

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

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

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

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

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

في لوحة Bindings (Windows > Bindings)، انقر فوق زر الإضافة (+) وحدد Recordset واختر الخيارات التي تريدها. إذا كنت تريد كتابة عبارة SQL الخاصة بك، فانقر فوق Advanced.

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

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

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

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

ضع نقطة الإدراج حيثما تريد ظهور الجدول الديناميكي على الصفحة. حدد Insert > Data Objects > Dynamic Data > Dynamic Table وقم بتعيين الخيارات ثم انقر فوق OK.

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

إنشاء ارتباطات إلى صفحة التفاصيل

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

ملاحظة:

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

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

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

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

في الجدول الديناميكي، يظهر النص المحدد مرتبطًا. عند تشغيل الصفحة على الخادم، يتم تطبيق الارتباط على النص في كل صف من صفوف الجدول.
على الصفحة الرئيسية، حدد الارتباط في الجدول الديناميكي.
(ColdFusion) في مربع Link في Property inspector، أضف السلسلة التالية في نهاية URL:
```
?recordID=#recordsetName.fieldName#
```
توضح علامة الاستفهام للخادم أن ما يلي يمثل معلمة أو أكثر من معلمات URL. تمثل كلمة recordID اسم معلمة URL (يمكنك تكوين أي اسم تريده). قم بتدوين اسم معلمة URL لأنك ستستخدمه في صفحة التفاصيل مؤخرًا.

يمثل التعبير الواقع بعد علامة يساوي قيمة المعلمة. في هذه الحالة، يتم إنشاء القيمة بواسطة تعبير ColdFusion الذي يرجع معرف السجل من مجموعة السجلات. يتم إنشاء معرف مختلف لكل صف في الجدول الديناميكي. في تعبير ColdFusion، استبدل recordsetName باسم مجموعة سجلاتك، واستبدل fieldName باسم الحقل الموجود في مجموعة سجلاتك، والذي يحدد كل سجل بشكل فريد. في معظم الحالات، سيتكون الحقل من رقم معرف سجل. في المثال التالي، يتكون الحقل من تعليمات برمجية فريدة للمواقع.
```
locationDetail.cfm?recordID=#rsLocations.CODE#
```
عند تشغيل الصفحة، يتم إدراج قيم حقل CODE الخاص بمجموعة السجلات في الصفوف المقابلة في الجدول الديناميكي. على سبيل المثال، إذا كان موقع التأجير Canberra, Australia له كود CBR، فإنه يتم استخدام URL التالي في صف Canberra في الجدول الديناميكي:
```
locationDetail.cfm?recordID=CBR
```
(PHP) في حقل Link الموجود في Property inspector، أضف السلسلة التالية إلى نهاية URL:
```
?recordID=<?php echo $row_recordsetName['fieldName']; ?>
```
توضح علامة الاستفهام للخادم أن ما يلي يمثل معلمة أو أكثر من معلمات URL. تمثل كلمة recordID اسم معلمة URL (يمكنك استخدام أي اسم تريده). قم بتدوين اسم معلمة URL لأنك ستستخدمه في صفحة التفاصيل مؤخرًا.

يمثل التعبير الواقع بعد علامة يساوي قيمة المعلمة. في هذه الحالة، يتم إنشاء القيمة بواسطة تعبير PHP الذي يرجع معرف السجل من مجموعة السجلات. يتم إنشاء معرف مختلف لكل صف في الجدول الديناميكي. في تعبير PHP، استبدل recordsetName باسم مجموعة سجلاتك، واستبدل fieldName باسم الحقل الموجود في مجموعة سجلاتك، والذي يحدد كل سجل بشكل فريد. في معظم الحالات، سيتكون الحقل من رقم معرف سجل. في المثال التالي، يتكون الحقل من تعليمات برمجية فريدة للمواقع.
```
locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>
```
عند تشغيل الصفحة، يتم إدراج قيم حقل CODE الخاص بمجموعة السجلات في الصفوف المقابلة في الجدول الديناميكي. على سبيل المثال، إذا كان موقع التأجير Canberra, Australia له كود CBR، فإنه يتم استخدام URL التالي في صف Canberra في الجدول الديناميكي:
```
locationDetail.php?recordID=CBR
```
احفظ الصفحة.

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

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

يحيط ارتباط خاص بالنص المحدد. عندما ينقر المستخدم فوق الارتباط، يقوم سلوك خادم Go To Detail Page بتمرير معلمة URL تحتوي على معرف السجل إلى صفحة التفاصيل. على سبيل المثال، إذا كانت معلمة 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 على رقم معرف السجل وهو 43.

البحث عن السجل المطلوب وعرضه على صفحة التفاصيل

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

قم بالتبديل إلى صفحة التفاصيل. إذا لم تكن لديك صفحة تفاصيل بعد، قم بإنشاء صفحة فارغة (File > New).
في لوحة Bindings (Window > Bindings)، انقر فوق زر الإضافة (+) وحدد Recordset (Query) أو DataSet (Query) من القائمة المنبثقة.

يظهر مربع الحوار البسيط Recordset أو DataSet. إذا ظهر مربع الحوار المتقدم بدلاً منه، انقر فوق Simple.
قم بتسمية مجموعة السجلات وحدد مصدر بيانات وسيقوم جدول قاعدة البيانات بتوفير البيانات إلى مجموعة سجلاتك.
في مساحة Columns، حدد أعمدة الجدول التي تقوم بتضمينها في مجموعة السجلات.

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

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

لتضمين بعض أعمدة الجدول فقط في مجموعة السجلات، انقر فوق Selected واختر الأعمدة المطلوبة من خلال الضغط على Control - النقر بالماوس (Windows) أو الضغط على Command - النقر بالماوس (Macintosh) فوقها في القائمة.
أكمل قسم Filter للبحث عن السجل المحدد، في معلمة URL التي تم تمريرها من الصفحة الرئيسية، وعرضه:
- من القائمة الأولى المنبثقة في مساحة Filter، حدد العمود الموجود في مجموعة السجلات الذي يحتوي على القيم المطابقة لقيمة معلمة URL التي تم تمريرها من الصفحة الرئيسية. على سبيل المثال، إذا كانت معلمة URL تحتوي على رقم معرف سجل، حدد العمود المحتوي على أرقام معرف السجل. في المثال الذي تمت مناقشته في القسم السابق، يحتوي عمود مجموعة السجلات المسمى CODE على القيم المطابقة لقيمة معلمة URL التي تم تمريرها من الصفحة الرئيسية.
- من القائمة المنبثقة بجانب القائمة الأولى، حدد علامة التساوي (يجب أن تكون محددة بالفعل).
- من القائمة المنبثقة الثالثة، حدد URL Parameter. تستخدم الصفحة الرئيسية معلمة URL لتمرير معلومات إلى صفحة التفاصيل.
- في المربع الرابع، أدخل اسم معلمة URL التي تم تمريرها من الصفحة الرئيسية.
انقر فوق OK. تظهر مجموعة السجلات في لوحة Bindings.
اربط أعمدة مجموعة السجلات بصفحة التفاصيل من خلال تحديد الأعمدة الموجودة في لوحة Bindings (Window > Bindings) وسحبها إلى الصفحة.

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

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

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

قم بإنشاء صفحة بها المتطلبات الأساسية التالية:
- معرف سجل مضمن في معلمة URL تم تمريرها بواسطة صفحة أخرى إلى الصفحة الحالية. يمكنك إنشاء معلمات URL على الصفحة الأخرى باستخدام ارتباطات HTML تشعبية أو باستخدام نموذج HTML. لمزيد من المعلومات، انظر ‏‫استخدام النماذج لجمع معلومات من المستخدمين‬.
- مجموعة سجلات معرفة للصفحة الحالية. يستخرج سلوك الخادم تفاصيل السجل من مجموعة السجلات هذه. لمعرفة الإرشادات، انظر تحديد مجموعة سجلات دون كتابة SQL أو تحديد مجموعة سجلات متقدمة بكتابة SQL.
- أعمدة مجموعة سجلات مرتبطة بالصفحة. يجب أن يكون السجل المحدد معروضًا على الصفحة. لمزيد من المعلومات، انظر إنشاء نص ديناميكي.
قم بإضافة سلوك الخادم للبحث عن السجل المحدد بواسطة معلمة URL من خلال النقر فوق زر الإضافة (+) الموجود على لوحة 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، فحدده وانقر فوق زر ناقص (-) حتى لا يتم عرضه على صفحتك.
لتغيير الترتيب الذي تظهر به الأعمدة على الصفحة الرئيسية، حدد عمودًا في القائمة وانقر فوق السهم لأعلى أو السهم لأسفل.

على الصفحة الرئيسية، سيتم ترتيب أعمدة مجموعة السجلات أفقيًا في جدول. يؤدي النقر فوق السهم لأعلى إلى تحريك العمود إلى اليسار، والنقر فوق السهم لأسفل إلى تحريك العمود إلى اليمين.
في القائمة المنبثقة 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) لتعديل كتل الإنشاء المتنوعة التي يقوم كائن البيانات بإدراجها في الصفحات.

احصل على مساعدة بشكل أسرع وأسهل

مستخدم جديد؟