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

إنشاء صفحة تحديث سجل في Dreamweaver

 

 

ملاحظة:

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

مقدمة عن صفحات تحديث السجل

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

البحث عن السجل الذي سيتم تحديثه

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

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

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

استرداد السجل لتحديثه

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

  1. قم بإنشاء صفحة في Dreamweaver وحفظها.

    ستصبح هذه الصفحة صفحة التحديث الخاصة بك.

  2. في لوحة Bindings (Window > Bindings)، انقر فوق زر الإضافة (+) وحدد Recordset.

    إذا ظهر مربع الحوار المتقدم، انقر فوق Simple. يحتوي مربع الحوار المتقدم على مساحة نص لإدخال عبارات SQL، أما المربع البسيط فلا يحتوي على هذه المساحة.

  3. قم بتسمية مجموعة السجلات وحدد موقع البيانات التي تريد تحديثها باستخدام قائمتي Connection وTable المنبثقتين.
  4. انقر فوق Selected وحدد عمود مفتاح (عادة عمود معرف السجل) والأعمدة التي تحتوي على البيانات المطلوب تحديثها.
  5. قم بتكوين مساحة Filter بحيث تصبح قيمة عمود المفتاح لديك مساوية لقيمة معلمة URL المقابلة التي تم تمريرها من صفحة النتائج.

    يؤدي هذا النوع من التصفية إلى إنشاء مجموعة سجلات تحتوي فقط على السجل المحدد بواسطة صفحة النتائج. على سبيل المثال، إذا كان عمود المفتاح يحتوي على معلومات معرف السجل ويطلق عليه PRID وإذا كانت صفحة النتائج تقوم بتمرير معلومات معرف السجل المقابلة في معلمة URL التي يطلق عليها id، فإن مساحة Filter يجب أن تبدو مثل المثال التالي:

    منطقة التصفية

  6. انقر فوق OK.

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

إكمال صفحة التحديث كتلة بكتلة

تحتوي صفحة التحديث على ثلاث كتل إنشاء:

  • مجموعة سجلات تمت تصفيتها لاسترداد السجل من جدول قاعدة البيانات
  • نموذج HTML للسماح للمستخدمين بتعديل بيانات السجل
  • سلوك الخادم Update Record لتحديث جدول قاعدة البيانات

    يمكنك إضافة كتلتي الإنشاء الأساسيتين النهائيتين لصفحة التحديث بشكل منفصل باستخدام أدوات النموذج ولوحة Server Behaviors.

إضافة نموذج HTML إلى صفحة تحديث

  1. قم بإنشاء صفحة (File > New > Blank Page). تصبح هذه الصفحة صفحة التحديث الخاصة بك.
  2. قم بتخطيط صفحتك باستخدام أدوات التصميم في Dreamweaver.
  3. أضف نموذج HTML من خلال وضع نقطة الإدراج حيثما تريد ظهور النموذج وتحديد Insert > Form > Form.

    يتم إنشاء نموذج فارغ على الصفحة. قد تضطر لتمكين Invisible Elements (View > Visual Aids > Invisible Elements) من أجل رؤية حدود النموذج، التي تكون ممثلة بخطوط حمراء رفيعة.

  4. قم بتسمية نموذج HTML من خلال النقر فوق علامة <form> الموجودة أسفل نافذة Document لتحديد النموذج وفتح Property inspector (Window > Properties) وإدخال اسم في مربع Form Name.

    لست مضطرًا لتحديد سمة إجراء أو أسلوب للنموذج لكي تخبره بمكان إرسال بيانات السجل عندما ينقر المستخدم فوق زر Submit، أو كيفية قيامه بذلك. يعين سلوك الخادم Update Record هذه السمات بدلاً منك.

  5. أضف كائن نموذج مثل حقل نص (Insert > Form > Text Field) لكل عمود تريد تحديثه في جدول قاعدة البيانات.

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

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

  6. قم بإضافة زر Submit إلى النموذج (Insert > Form > Button).

    يمكنك تغيير تسمية زر Submit من خلال تحديد الزر وفتح Property inspector (Window > Properties) وإدخال قيمة جديدة في مربع Label.

عرض السجل في النموذج

  1. تأكد من أنك قمت بتعريف مجموعة سجلات للاحتفاظ بالسجل الذي يريد المستخدم تحديثه.

إضافة سلوك خادم لتحديث جدول قاعدة البيانات

  1. في لوحة Server Behaviors (Window > Server Behaviors)، انقر فوق زر الإضافة (+) وحدد Update Record من القائمة المنبثقة.

    يظهر مربع الحوار Update Record.

  2. حدد نموذجًا من القائمة المنبثقة Submit Values From.
  3. في قائمة Data Source أو Connection المنبثقة، حدد اتصالاً إلى قاعدة البيانات.
  4. أدخل اسم المستخدم وكلمة المرور، إذا كان هذا متاحًا.
  5. في القائمة المنبثقة Update Table، حدد جدول قاعدة البيانات الذي يحتوي على السجل الذي تقوم بتحديثه.
  6. (ColdFusion، PHP) حدد عمود قاعدة بيانات لتحديثه وحدد كائن النموذج الذي سيقوم بتحديث العمود من قائمة Value المنبثقة ثم حدد نوع بيانات لكائن النموذج من قائمة Submit As المنبثقة، وحدد Primary Key إذا كنت تريد تحديد هذا العمود بمثابة المفتاح الأساسي.

    يكون نوع البيانات عبارة عن نوع البيانات المتوقع من قبل عمود جدول قاعدة بياناتك (نص أو رقم أو قيم خيار منطقي).

    كرر الإجراء لكل كائن في النموذج لديك.

  7. (ASP) في القائمة المنبثقة Select Record From، حدد مجموعة السجلات التي تحتوي على السجل المعروض في نموذج HTML. في القائمة المنبثقة Unique Key Column، حدد عمود مفتاح (عادة عمود معرف السجل) لتحديد السجل في جدول قاعدة البيانات. حدد خيار Numeric إذا كانت القيمة رقمًا. يقبل عمود المفتاح عادةً قيمًا رقمية فقط، ولكنه يقبل في بعض الأحيان قيمًا نصية أيضًا.
  8. في مربع After Updating or On Success, Go To، أدخل الصفحة التي سيتم فتحها بعد تحديث السجل في الجدول أو انقر فوق الزر Browse للاستعراض وصولاً إلى الملف.
  9. (ASP) حدد عمود قاعدة بيانات لتحديثه وحدد كائن النموذج الذي سيقوم بتحديث العمود من قائمة Value المنبثقة ثم حدد نوع بيانات لكائن النموذج من قائمة Submit As المنبثقة. يكون نوع البيانات عبارة عن نوع البيانات المتوقع من قبل عمود جدول قاعدة بياناتك (نص أو رقم أو قيم خيار منطقي). كرر الإجراء لكل كائن في النموذج لديك.
  10. انقر فوق OK.

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

    لتحرير سلوك الخادم، افتح لوحة Server Behaviors (Window > Server Behaviors) وانقر نقرًا مزدوجًا فوق سلوك Update Record.

إكمال صفحة التحديث في عملية واحدة

تحتوي صفحة التحديث على ثلاث كتل إنشاء:

  • مجموعة سجلات تمت تصفيتها لاسترداد السجل من جدول قاعدة البيانات

  • نموذج HTML للسماح للمستخدمين بتعديل بيانات السجل

  • سلوك الخادم Update Record لتحديث جدول قاعدة البيانات

يمكنك إضافة كتلتي الإنشاء النهائيتين لصفحة التحديث في عملية واحدة باستخدام كائن البيانات Record Update Form. يضيف كائن البيانات كلاً من نموذج HTML وسلوك الخادم Update Record إلى الصفحة.

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

بعد أن يضع كائن البيانات كتل الإنشاء في الصفحة، فإنه يمكنك استخدام أدوات التصميم في Dreamweaver لتخصيص النموذج كيفما تريد، أو لوحة Server Behaviors لتحرير سلوك الخادم Update Record.

ملاحظة:

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

  1. افتح الصفحة في عرض Design وحدد Insert > Data Objects > Update Record > Record Update Form Wizard.

    يظهر مربع الحوار Record Update Form.

  2. في قائمة Connection المنبثقة، حدد اتصالاً إلى قاعدة البيانات.

    انقر فوق زر Define إذا كنت في حاجة لتحديد اتصال.

  3. في القائمة المنبثقة Table To Update، حدد جدول قاعدة البيانات الذي يحتوي على السجل المراد تحديثه.
  4. في القائمة المنبثقة Select Record From، حدد مجموعة السجلات التي تحتوي على السجل المعروض في نموذج HTML.
  5. في القائمة المنبثقة Unique Key Column، حدد عمود مفتاح (عادة عمود معرف السجل) لتحديد السجل في جدول قاعدة البيانات.

    إذا كانت القيمة رقمًا، حدد خيار Numeric. يقبل عمود المفتاح عادةً قيمًا رقمية فقط، ولكنه يقبل في بعض الأحيان قيمًا نصية أيضًا.

  6. في مربع After Updating, Go To، أدخل الصفحة التي سيتم فتحها بعد تحديث السجل في الجدول.
  7. في مساحة Form Fields، حدد الأعمدة الموجودة في جدول قاعدة بياناتك التي يجب أن يحدثها كل كائن نموذج.

    بشكل افتراضي، يقوم Dreamweaver بإنشاء كائن نموذج لكل عمود في جدول قاعدة البيانات. إذا كانت قاعدة بياناتك تنشئ بشكل تلقائي معرفات مفاتيح فريدة لكل سجل جديد يتم إنشاؤه، قم بإزالة كائن النموذج المتوافق مع عمود المفتاح من خلال تحديده في القائمة والنقر فوق الزر ناقص (_). يؤدي هذا إلى إزالة خطورة قيام مستخدم النموذج بإدخال قيمة معرف موجودة بالفعل.

    يمكنك تغيير ترتيب الكائنات على نموذج HTML من خلال تحديد كائن نموذج في القائمة والنقر فوق السهم لأعلى أو السهم لأسفل الموجودين على الجانب الأيمن من مربع الحوار.

  8. حدد الطريقة التي يجب أن يظهر بها كل حقل من حقول إدخال البيانات على نموذج HTML من خلال النقر فوق صف في جدول Form Fields وإدخال المعلومات التالية في المربعات الموجودة أسفل الجدول:
    • في مربع Label، أدخل تسمية وصفية يتم عرضها بجانب حقل إدخال البيانات. بشكل افتراضي، يعرض Dreamweaver اسم عمود الجدول في التسمية.

    • في القائمة المنبثقة Display As، حدد كائن نموذج ليعمل بمثابة حقل إدخال البيانات. يمكنك تحديد Text Field وText Area وMenu وCheckbox وRadio Group وText. بالنسبة للإدخالات للقراءة فقط، حدد Text. يمكنك أيضًا تحديد Password Field وFile Field وHidden Field.

    ملاحظة:

    يتم إدراج الحقول المخفية في نهاية النموذج.

    • في القائمة المنبثقة Submit As، حدد تنسيق البيانات المتوقع من جدول قاعدة بياناتك. على سبيل المثال، إذا كان عمود الجدول يقبل فقط بيانات رقمية، فحدد Numeric.
    • قم بتعيين خصائص كائن النموذج. لديك خيارات مختلفة بناءً على كائن النموذج الذي تحدده بمثابة حقل إدخال البيانات لديك. بالنسبة للحقول النصية ومساحات النص والنص، يمكنك إدخال قيمة أولية. بالنسبة للقوائم ومجموعات أزرار الخيار، يمكنك فتح مربع حوار آخر لتعيين الخصائص. بالنسبة للخيارات، حدد خيار Checked أو Unchecked.  
  9. قم بتعيين خصائص كائنات النموذج الأخرى من خلال تحديد صف Form Fields آخر وإدخال تسمية وقيمة Display As وقيمة Submit As.

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

  10. انقر فوق OK.

    يضيف Dreamweaver كلاً من نموذج HTML وسلوك الخادم Update Record إلى صفحتك.

    يضيف كائن البيانات كلاً من نموذج HTML وسلوك الخادم Update Record إلى الصفحة. يتم وضع كائنات النموذج في جدول أساسي، يمكنك تخصيصه باستخدام أدوات تصميم الصفحة في Dreamweaver. (تأكد من أن جميع كائنات النموذج تظل داخل حدود النموذج.)

    لتحرير سلوك الخادم، افتح لوحة Server Behaviors (Window > Server Behaviors) وانقر نقرًا مزدوجًا فوق سلوك Update Record.

خيارات Form Element Properties

يتمثل الهدف من مربع الحوار Form Element Properties في تعيين الخيارات الخاصة بعناصر النموذج على الصفحات التي تسمح للمستخدمين بتحديث السجلات في قاعدة بيانات.

  1. حدد إما Manually أو From Database، بناءً على كيفية تخطيط إنشاء عنصر النموذج.
  2. انقر فوق زر الإضافة (+) لإضافة عنصر.
  3. أدخل تسمية وقيمة للعنصر.
  4. في مربع Select Value Equal، إذا كنت تريد تحديد عنصر خاص عند فتح الصفحة في المستعرض أو عند عرض سجل في النموذج، فأدخل قيمة مساوية لقيمة العنصر.

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

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

مستخدم جديد؟