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

أنشئ صفحة في Dreamweaver واحفظها.

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

في لوحة Bindings (نافذة > 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.

لا تحتاج إلى تحديد خاصية action أو method للنموذج لإخباره أين وكيف يرسل بيانات السجل عندما ينقر المستخدم على زر Submit.يقوم سلوك الخادم Update Record بتعيين هذه الخصائص لك.

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

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

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

أضف زر إرسال إلى النموذج (Insert > Form > Button).

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

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

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

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

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

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

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

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

• جعل قوائم نموذج HTML الموجودة ديناميكية

في لوحة Server Behaviors (Window > Server Behaviors)، انقر فوق الزر Plus (+) وحدد 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 أو 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.

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

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

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

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

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

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

حدد كيف يجب أن يظهر كل حقل إدخال بيانات على نموذج HTML عن طريق النقر على صف في جدول حقول النموذج وإدخال المعلومات التالية في المربعات أسفل الجدول:

• في مربع 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.  

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

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

انقر فوق OK.

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

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

لتعديل سلوك الخادم، افتح لوحة سلوكيات الخادم (نافذة > سلوكيات الخادم) و انقر نقراً مزدوجاً على سلوك تحديث السجل.

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

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

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

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

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