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

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

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

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

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

قم بتسمية مجموعة السجلات وحدد موقع البيانات التي تريد تحديثها باستخدام قائمتي Connection وTable المنبثقتين.

انقر فوق Selected وحدد عمود مفتاح (عادة عمود معرف السجل) والأعمدة التي تحتوي على البيانات المطلوب تحديثها.

قم بتكوين مساحة Filter بحيث تصبح قيمة عمود المفتاح لديك مساوية لقيمة معلمة URL المقابلة التي تم تمريرها من صفحة النتائج.

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

انقر فوق OK.

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

قم بإنشاء صفحة (File > New > Blank Page). تصبح هذه الصفحة صفحة التحديث الخاصة بك.

قم بتخطيط صفحتك باستخدام أدوات التصميم في Dreamweaver.

أضف نموذج HTML من خلال وضع نقطة الإدراج حيثما تريد ظهور النموذج وتحديد Insert > Form > Form.

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

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

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

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

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

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

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

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

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

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

اربط كل كائن نموذج ببيانات في مجموعة السجلات، كما سيتم توضيحه في الموضوعات التالية:

• عرض محتوى ديناميكي في حقول نص HTML

• التحديد المسبق لخانة اختيار HTML ديناميكيًا

• التحديد المسبق لزر خيار HTML ديناميكيًا

• إدراج قائمة نموذج HTML ديناميكي أو تغييره

• تحويل قوائم نموذج HTML الحالية إلى قوائم ديناميكية

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

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

حدد نموذجًا من القائمة المنبثقة Submit Values From.

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

أدخل اسم المستخدم وكلمة المرور، إذا كان هذا متاحًا.

في القائمة المنبثقة Update Table، حدد جدول قاعدة البيانات الذي يحتوي على السجل الذي تقوم بتحديثه.

(ColdFusion، PHP) حدد عمود قاعدة بيانات لتحديثه وحدد كائن النموذج الذي سيقوم بتحديث العمود من قائمة Value المنبثقة ثم حدد نوع بيانات لكائن النموذج من قائمة Submit As المنبثقة، وحدد Primary Key إذا كنت تريد تحديد هذا العمود بمثابة المفتاح الأساسي.

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

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

(ASP) في القائمة المنبثقة Select Record From، حدد مجموعة السجلات التي تحتوي على السجل المعروض في نموذج HTML. في القائمة المنبثقة Unique Key Column، حدد عمود مفتاح (عادة عمود معرف السجل) لتحديد السجل في جدول قاعدة البيانات. حدد خيار Numeric إذا كانت القيمة رقمًا. يقبل عمود المفتاح عادةً قيمًا رقمية فقط، ولكنه يقبل في بعض الأحيان قيمًا نصية أيضًا.

في مربع After Updating or On Success, Go To، أدخل الصفحة التي سيتم فتحها بعد تحديث السجل في الجدول أو انقر فوق الزر Browse للاستعراض وصولاً إلى الملف.

(ASP) حدد عمود قاعدة بيانات لتحديثه وحدد كائن النموذج الذي سيقوم بتحديث العمود من قائمة Value المنبثقة ثم حدد نوع بيانات لكائن النموذج من قائمة Submit As المنبثقة. يكون نوع البيانات عبارة عن نوع البيانات المتوقع من قبل عمود جدول قاعدة بياناتك (نص أو رقم أو قيم خيار منطقي). كرر الإجراء لكل كائن في النموذج لديك.

انقر فوق OK.

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

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

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

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

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

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

في القائمة المنبثقة Table To Update، حدد جدول قاعدة البيانات الذي يحتوي على السجل المراد تحديثه.

في القائمة المنبثقة Select Record From، حدد مجموعة السجلات التي تحتوي على السجل المعروض في نموذج HTML.

في القائمة المنبثقة Unique Key Column، حدد عمود مفتاح (عادة عمود معرف السجل) لتحديد السجل في جدول قاعدة البيانات.

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

في مربع After Updating, Go To، أدخل الصفحة التي سيتم فتحها بعد تحديث السجل في الجدول.

في مساحة Form Fields، حدد الأعمدة الموجودة في جدول قاعدة بياناتك التي يجب أن يحدثها كل كائن نموذج.

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

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

حدد الطريقة التي يجب أن يظهر بها كل حقل من حقول إدخال البيانات على نموذج 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.  

قم بتعيين خصائص كائنات النموذج الأخرى من خلال تحديد صف Form Fields آخر وإدخال تسمية وقيمة Display As وقيمة Submit As.

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

انقر فوق OK.

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

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

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

حدد إما Manually أو From Database، بناءً على كيفية تخطيط إنشاء عنصر النموذج.

انقر فوق زر الإضافة (+) لإضافة عنصر.

أدخل تسمية وقيمة للعنصر.

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

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