أنشئ صفحة ديناميكية (ملف >
جديد > صفحة فارغة)، وضع تخطيط صفحتك باستخدام أدوات التصميم في Dreamweaver.
تاريخ آخر تحديث
25 أبريل 2024
تعرف على كيفية إنشاء صفحة إدراج سجل في تطبيق Dreamweaver يتيح للمستخدمين إدراج السجلات الجديدة في قاعدة بيانات.
ملاحظة
تم تبسيط واجهة المستخدم في Dreamweaver والإصدارات الأحدث. ونتيجة لذلك، قد لا تجد بعض الخيارات الموضحة في هذه المقالة في Dreamweaver والإصدارات اللاحقة. للاطلاع على المزيد من المعلومات، راجع هذه المقالة.
مقدمة عن إنشاء صفحات إدراج سجل
يمكن أن يحتوي تطبيقك على صفحة تتيح للمستخدمين إدراج سجلات جديدة في قاعدة البيانات.
تتكون صفحة الإدراج من كتلتي إنشاء:
نموذج HTML يسمح للمستخدمين بإدخال البيانات
وسلوك الخادم Insert Record الذي يقوم بتحديث قاعدة البيانات
عندما ينقر المستخدم فوق الزر Submit الموجود على نموذج، فإن سلوك الخادم يدرج سجلات في جدول قاعدة بيانات.
يمكنك إضافة هذه الوحدات البنائية في عملية واحدة باستخدام كائن بيانات نموذج إدراج السجلات، أو يمكنك إضافتها بشكل منفصل باستخدام أدوات النماذج في Dreamweaver ولوحة سلوكيات الخادم.
ملاحظة
يمكن أن تحتوي صفحة الإدراج فقط على سلوك خادم واحد لتحرير السجل في كل مرة. على سبيل المثال، لا يمكنك إضافة سلوك الخادم Update Record أو Delete Record إلى صفحة الإدراج.
إنشاء صفحة إدراج كتلة بكتلة
يمكنك أيضًا إنشاء صفحة إدراج باستخدام أدوات النماذج وسلوكيات الخادم.
إضافة نموذج HTML إلى صفحة إدراج
أضف نموذج HTML بوضع نقطة الإدراج حيث
تريد ظهور النموذج وحدد إدراج > نموذج >
نموذج.
يتم إنشاء نموذج فارغ على الصفحة. قد تحتاج إلى تمكين العناصر غير المرئية (عرض > المساعدات المرئية > العناصر غير المرئية) لرؤية حدود النموذج، والتي تُمثل بخطوط حمراء رفيعة.
قم بتسمية نموذج HTML بالنقر على علامة <form> في أسفل نافذة المستند لتحديد النموذج، وافتح مفتش الخصائص (نافذة > خصائص)، وأدخل اسماً في مربع اسم النموذج.
لا تحتاج إلى تحديد سمة action أو method للنموذج لإخباره أين وكيف يرسل بيانات السجل عندما ينقر المستخدم على زر الإرسال. سلوك الخادم "Insert Record" يضبط هذه السمات لك.
أضف كائن نموذج مثل حقل نص (إدراج >
نموذج > حقل نص) لكل عمود في جدول قاعدة البيانات
الذي تريد إدراج سجلات فيه.
تكون كائنات النموذج لإدخال البيانات. حقول النص شائعة لهذا الغرض، ولكن يمكنك أيضًا استخدام القوائم والخيارات وأزرار الراديو.
أضف زر إرسال إلى النموذج (إدراج > نموذج > زر).
يمكنك تغيير تسمية زر الإرسال بتحديد الزر، وفتح مفتش الخصائص (نافذة > خصائص)، وإدخال قيمة جديدة في مربع التسمية.
أضف سلوك خادم لإدراج سجلات في جدول قاعدة بيانات (ColdFusion)
في لوحة سلوكيات الخادم (نافذة > سلوكيات الخادم)، انقر على زر علامة الجمع (+) وحدد إدراج سجل من القائمة المنبثقة.
حدد نموذجًا من القائمة المنبثقة Submit Values From.
في القائمة المنبثقة لمصدر البيانات، حدد اتصالاً بـ
قاعدة البيانات.
أدخل اسم المستخدم وكلمة المرور الخاصين بك.
في القائمة المنبثقة "إدراج في الجدول"، حدد جدول قاعدة البيانات لإدراج السجل فيه.
حدد عمود قاعدة البيانات لإدراج السجل فيه، واختر كائن النموذج الذي سيدرج السجل من القائمة المنبثقة "القيمة"، ثم حدد نوع البيانات لكائن النموذج من القائمة المنبثقة "إرسال كـ".
نوع البيانات هو نوع البيانات التي يتوقعها العمود في جدول قاعدة البيانات الخاص بك (نص، رقمي، قيم خيار منطقية).
كرر الإجراء لكل كائن نموذج في نموذجك.
في مربع "بعد الإدراج، انتقل إلى"، أدخل الصفحة المراد فتحها بعد إدراج السجل في الجدول أو انقر فوق زر الاستعراض للاستعراض إلى الملف.
انقر فوق OK.
يضيف Dreamweaver سلوك خادم إلى الصفحة يتيح للمستخدمين إدراج سجلات في جدول قاعدة بيانات عن طريق ملء نموذج HTML والنقر على زر الإرسال.
أضف سلوك خادم لإدراج سجلات في جدول قاعدة بيانات (ASP)
في لوحة سلوكيات الخادم (نافذة >
سلوكيات الخادم)، انقر على زر الجمع (+) وحدد إدراج السجل
من القائمة المنبثقة.
في القائمة المنبثقة للاتصال، حدد اتصالاً بـ
قاعدة البيانات.
انقر فوق زر Define إذا كنت في حاجة لتحديد اتصال.
في القائمة المنبثقة Insert Into Table، حدد جدول قاعدة البيانات
الذي يجب إدراج السجل فيه.
في مربع After Inserting, Go To، أدخل الصفحة التي
سيتم فتحها بعد إدراج السجل في الجدول أو انقر فوق Browse
للاستعراض إلى الملف.
في القائمة المنبثقة Get Values From، حدد نموذج HTML
المستخدم لإدخال البيانات.
يحدد Dreamweaver تلقائيًا النموذج الأول في صفحتك.
حدد عمود قاعدة بيانات لإدراج السجل فيه، وحدد
كائن النموذج الذي سيدرج السجل من القائمة المنبثقة Value،
ثم حدد نوع البيانات لكائن النموذج من القائمة المنبثقة Submit
As.
نوع البيانات هو نوع البيانات الذي يتوقعه العمود في جدول قاعدة البيانات (نص، رقمي، قيم خيارات منطقية).
كرر الإجراء لكل كائن نموذج في نموذجك.
انقر فوق OK.
يضيف Dreamweaver سلوك خادم إلى الصفحة يتيح للمستخدمين إدراج سجلات في جدول قاعدة البيانات عن طريق ملء نموذج HTML والنقر فوق الزر Submit.
لتعديل سلوك الخادم، افتح لوحة Server Behaviors (Window > Server Behaviors) وانقر نقرًا مزدوجًا فوق سلوك Insert Record.
إضافة سلوك خادم لإدراج سجلات في جدول قاعدة بيانات (PHP)
في لوحة Server Behaviors (Window >
Server Behaviors)، انقر فوق الزر Plus (+) وحدد Insert Record
من القائمة المنبثقة.
حدد نموذجًا من القائمة المنبثقة Submit Values From.
في القائمة المنبثقة Connection، حدد اتصال
بقاعدة البيانات.
في القائمة المنبثقة Insert Table، حدد جدول قاعدة
Biانات لإدراج السجل فيه.
حدد عمود قاعدة بيانات لإدراج السجل فيه، وحدد
كائن النموذج الذي سيدرج السجل من القائمة المنبثقة Value،
ثم حدد نوع البيانات لكائن النموذج من القائمة المنبثقة Submit
As.
نوع البيانات هو نوع البيانات المتوقع للعمود في جدول قاعدة البيانات (نص، رقمي، قيم خيارات منطقية).
كرر الإجراء لكل كائن نموذج في نموذجك.
في مربع After Inserting, Go To، أدخل الصفحة التي
سيتم فتحها بعد إدراج السجل في الجدول أو انقر فوق الزر Browse
للاستعراض إلى الملف.
انقر فوق OK.
يضيف Dreamweaver سلوك خادم إلى الصفحة يتيح للمستخدمين إدراج سجلات في جدول قاعدة البيانات عن طريق ملء نموذج HTML والنقر فوق الزر Submit.
إنشاء صفحة الإدراج في عملية واحدة
افتح الصفحة في عرض Design، وحدد
Insert > Data Objects > Insert Record >
Record Insertion Form Wizard.
في القائمة المنبثقة Connection، حدد اتصال
بقاعدة البيانات. انقر فوق Define إذا كنت في حاجة لتحديد اتصال.
في القائمة المنبثقة Insert Into Table، حدد جدول قاعدة البيانات
الذي يجب إدراج السجل فيه.
إذا كنت تستخدم ColdFusion، أدخل اسم مستخدم وكلمة مرور.
في مربع After Inserting, Go To، أدخل الصفحة التي
سيتم فتحها بعد إدراج السجل في الجدول أو انقر فوق الزر Browse
للاستعراض إلى الملف.
في منطقة Form Fields، حدد كائنات النموذج التي
تريد تضمينها في نموذج HTML للصفحة المدرجة، والأعمدة
في جدول قاعدة البيانات التي يجب أن يحدثها كل كائن نموذج.
افتراضيًا، ينشئ Dreamweaver كائن نموذج لكل عمود في جدول قاعدة البيانات. إذا كانت قاعدة البيانات تنشئ تلقائيًا معرفات مفاتيح فريدة لكل سجل جديد يتم إنشاؤه، احذف كائن النموذج المطابق لعمود المفتاح عن طريق تحديده في القائمة والنقر فوق الزر Minus (-).هذا يقضي على خطر أن يدخل مستخدم النموذج قيمة معرف موجودة بالفعل.
يمكنك أيضاً تغيير ترتيب كائنات النموذج على نموذج 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 وسلوك خادم إدراج سجل إلى صفحتك.يتم تخطيط كائنات النموذج في جدول أساسي، والذي يمكنك تخصيصه باستخدام أدوات تصميم صفحة Dreamweaver.(تأكد من أن جميع كائنات النموذج تبقى ضمن حدود النموذج.)
لتعديل سلوك الخادم، افتح لوحة سلوكيات الخادم (نافذة > سلوكيات الخادم) وانقر نقراً مزدوجاً على سلوك إدراج سجل.
المزيد مثل هذا
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
