أنشئ صفحة (ملف > جديد >
صفحة فارغة) وقم بتخطيط صفحة التسجيل الخاصة بك باستخدام أدوات التصميم في Dreamweaver.
تاريخ آخر تحديث
25 أبريل 2024
ملاحظة
تم تبسيط واجهة المستخدم في Dreamweaver والإصدارات الأحدث. ونتيجة لذلك، قد لا تجد بعض الخيارات الموضحة في هذه المقالة في Dreamweaver والإصدارات اللاحقة. للاطلاع على المزيد من المعلومات، راجع هذه المقالة.
مقدمة عن صفحات التسجيل
يمكن أن يحتوي تطبيق الويب الخاص بك على صفحة تتطلب من المستخدمين التسجيل في المرة الأولى التي يزورون فيها موقعك.
تتكون صفحة التسجيل من كتل الإنشاء التالية:
جدول قاعدة بيانات لتخزين معلومات تسجيل الدخول حول المستخدمين
نموذج HTML يسمح للمستخدمين بتحديد اسم مستخدم وكلمة مرور
يمكنك أيضًا استخدام النموذج للحصول على معلومات شخصية أخرى من المستخدمين.
سلوك خادم إدراج السجل لتحديث جدول قاعدة البيانات الخاص بمستخدمي الموقع
سلوك خادم فحص اسم المستخدم الجديد للتأكد من أن اسم المستخدم الذي أدخله المستخدم غير مأخوذ من مستخدم آخر
تخزين معلومات تسجيل الدخول حول المستخدمين
تتطلب صفحة التسجيل جدول قاعدة بيانات لتخزين معلومات تسجيل الدخول المُدخلة من المستخدمين.
- تأكد من أن جدول قاعدة البيانات يحتوي على عمود اسم المستخدم وعمود كلمة المرور.إذا كنت تريد من المستخدمين المسجلين الحصول على امتيازات وصول مختلفة، قم بتضمين عمود لامتيازات الوصول.
- إذا كنت تريد تعيين كلمة مرور مشتركة لجميع مستخدمي الموقع، قم بتكوين تطبيق قاعدة البيانات الخاص بك (Microsoft Access، Microsoft SQL Server، Oracle، وما إلى ذلك) لإدخال كلمة المرور في كل سجل مستخدم جديد افتراضيًا. في معظم تطبيقات قواعد البيانات، يمكنك تعيين عمود لقيمة افتراضية في كل مرة يتم إنشاء سجل جديد فيها. قم بتعيين القيمة الافتراضية لكلمة المرور.
- يمكنك أيضًا استخدام جدول قاعدة البيانات لتخزين معلومات مفيدة أخرى
حول المستخدم.
الخطوة التالية في إنشاء صفحة تسجيل هي إضافة نموذج HTML إلى صفحة التسجيل للسماح للمستخدمين باختيار اسم مستخدم وكلمة مرور (إذا كان ذلك قابلاً للتطبيق).
أضف نموذج HTML لتحديد اسم المستخدم وكلمة المرور
تقوم بإضافة نموذج HTML إلى صفحة التسجيل للسماح للمستخدمين بتحديد اسم مستخدم وكلمة مرور (إذا كان ذلك قابلاً للتطبيق).
أضف نموذج HTML بوضع نقطة الإدراج في المكان الذي تريد ظهور النموذج فيه وتحديد Form من قائمة Insert.
يتم إنشاء نموذج فارغ على الصفحة. قد تحتاج إلى تمكين العناصر غير المرئية (عرض > المساعدات البصرية > العناصر غير المرئية) لرؤية حدود النموذج، والتي يتم تمثيلها بخطوط حمراء رفيعة.
قم بتسمية نموذج HTML بالنقر على علامة <form>
أسفل نافذة المستند لتحديد النموذج، وفتح
مفتش الخصائص (نافذة > خصائص)، وإدخال
اسم في مربع اسم النموذج.
لا يجب عليك تحديد سمة action أو method للنموذج لإخباره أين وكيف يرسل بيانات السجل عندما ينقر المستخدم على زر الإرسال. سلوك خادم إدراج السجل يُعيِّن هذه السمات لك.
أضف حقول نصية (إدراج > نموذج > حقل نص) للسماح للمستخدم بإدخال اسم مستخدم وكلمة مرور.
يمكن أن يحتوي النموذج أيضًا على كائنات نموذج أخرى لتسجيل بيانات شخصية أخرى.
يجب عليك إضافة تسميات (إما كنص أو صور) بجانب كل كائن نموذج لإخبار المستخدمين بما هي. يجب عليك أيضًا محاذاة كائنات النموذج بوضعها داخل جدول HTML. لمزيد من المعلومات حول كائنات النموذج، راجع إنشاء نماذج الويب.
أضف زر إرسال إلى النموذج (إدراج >
نموذج > زر).
يمكنك تغيير تسمية زر الإرسال عن طريق تحديد الزر، وفتح لوحة الخصائص (نافذة > خصائص)، وإدخال قيمة جديدة في مربع القيمة.
الخطوة التالية في إنشاء صفحة تسجيل هي إضافة سلوك الخادم "إدراج سجل" لإدراج السجلات في جدول المستخدمين في قاعدة البيانات.
تحديث جدول قاعدة بيانات المستخدمين
يجب أن تضيف سلوك خادم إدراج سجل إلى صفحة التسجيل لتحديث جدول المستخدمين في قاعدة البيانات.
في لوحة سلوكيات الخادم (نافذة >
سلوكيات الخادم)، انقر على زر علامة الجمع (+) وحدد إدراج سجل
من القائمة المنبثقة.
يظهر مربع الحوار Insert Record.
أكمل مربع الحوار، مع التأكد من تحديد جدول
المستخدمين في قاعدة البيانات التي سيتم إدراج بيانات المستخدم فيها.انقر فوق OK.
تتمثل الخطوة الأخيرة في إنشاء صفحة تسجيل في التأكد من عدم استخدام اسم المستخدم من قِبل مستخدم مسجل آخر.
أضف سلوك خادم لضمان اسم مستخدم فريد
يمكنك إضافة سلوك خادم إلى صفحة تسجيل المستخدم للتحقق من أن اسم المستخدم فريد قبل إضافة ذلك المستخدم إلى قاعدة بياناتك للمستخدمين المسجلين.
عندما ينقر المستخدم على زر الإرسال في صفحة التسجيل، يقارن سلوك الخادم اسم المستخدم الذي أدخله المستخدم مع أسماء المستخدمين المخزنة في جدول قاعدة البيانات للمستخدمين المسجلين.إذا لم يتم العثور على اسم مستخدم مطابق في جدول قاعدة البيانات، ينفذ سلوك الخادم عملية إدراج السجل بشكل طبيعي.إذا تم العثور على اسم مستخدم مطابق، يلغي سلوك الخادم عملية إدراج السجل ويفتح صفحة جديدة (عادة صفحة تنبه المستخدم إلى أن اسم المستخدم مُستخدم بالفعل).
في لوحة سلوكيات الخادم (نافذة >
سلوكيات الخادم)، انقر على زر علامة الجمع (+) وحدد مصادقة المستخدم >
فحص اسم المستخدم الجديد من القائمة المنبثقة.
في القائمة المنبثقة «حقل اسم المستخدم»، حدد حقل النص الخاص بالنموذج الذي يستخدمه الزوار لإدخال اسم المستخدم.
في مربع إذا كان موجوداً بالفعل، انتقل إلى، حدد صفحة
ليتم فتحها إذا تم العثور على اسم مستخدم مطابق في جدول قاعدة البيانات، ثم
انقر على موافق.
يجب أن تنبه الصفحة المفتوحة المستخدم إلى أن اسم المستخدم مُستخدم بالفعل وتتيح للمستخدم المحاولة مرة أخرى.
قم بإنشاء مواقع ويب جميلة في Dreamweaver
قم بتصميم مواقع الويب الديناميكية وبرمجتها وإدارتها في أداة قوية متكاملة.
