إنشاء صفحة تسجيل دخول

تاريخ آخر تحديث 25 أبريل 2024
ملاحظة

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

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

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

تتكون صفحة تسجيل الدخول من كتل الإنشاء التالية:

  • جدول قاعدة بيانات للمستخدمين المسجلين

  • نموذج HTML يسمح للمستخدمين بإدخال اسم مستخدم وكلمة مرور

  • سلوك خادم للتحقق من صحة اسم المستخدم وكلمة المرور المُدخلين عند تسجيل الدخول

    يتم إنشاء متغير جلسة يتكون من اسم المستخدم للمستخدم عندما يقوم المستخدم بتسجيل الدخول بنجاح.

أنشئ جدول قاعدة بيانات للمستخدمين المسجلين

تحتاج إلى جدول قاعدة بيانات للمستخدمين المسجلين للتحقق من صحة اسم المستخدم وكلمة المرور المُدخلة في صفحة تسجيل الدخول.

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

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

أضف نموذج HTML للسماح للمستخدمين بتسجيل الدخول

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

أنشئ صفحة (ملف > جديد > صفحة فارغة)، وقم بتخطيط صفحة تسجيل الدخول باستخدام أدوات التصميم في Dreamweaver.
أضف نموذج HTML عن طريق وضع نقطة الإدراج حيث تريد ظهور النموذج واختيار النموذج من قائمة إدراج.

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

قم بتسمية نموذج HTML عن طريق النقر على علامة <form> في أسفل نافذة المستند لتحديد النموذج، وفتح مفتش الخصائص (نافذة > خصائص)، وإدخال اسم في مربع اسم النموذج.

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

أضف حقلي نص لاسم المستخدم وكلمة المرور (إدراج > نموذج > حقل نص) إلى النموذج.

أضف تسميات (إما كنص أو صور) بجانب كل حقل نص، وقم بمحاذاة حقول النص عن طريق وضعها داخل جدول HTML وتعيين سمة border للجدول إلى 0.

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

يمكنك تغيير تسمية زر الإرسال عن طريق تحديد الزر، وفتح مفتش الخصائص (نافذة > خصائص)، وإدخال قيمة جديدة في مربع التسمية.

الخطوة التالية في بناء صفحة تسجيل الدخول هي إضافة سلوك خادم تسجيل الدخول للمستخدم للتحقق من صحة اسم المستخدم وكلمة المرور المُدخلة.

التحقق من اسم المستخدم وكلمة المرور

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

عندما ينقر المستخدم على زر الإرسال في صفحة تسجيل الدخول، يقارن سلوك خادم تسجيل الدخول للمستخدم القيم المُدخلة من قِبل المستخدم مع قيم المستخدمين المسجلين.إذا تطابقت القيم، يفتح سلوك الخادم صفحة واحدة (عادة شاشة الترحيب بالموقع).إذا لم تتطابق القيم، يفتح سلوك الخادم صفحة أخرى (عادة صفحة تنبه المستخدم إلى فشل محاولة تسجيل الدخول).

في لوحة Server Behaviors (Window > Server Behaviors)، انقر على زر الزائد (+) وحدد User Authentication > Log In User من القائمة المنبثقة.
حدد النموذج وعناصر النموذج التي يستخدمها الزوار لإدخال اسم المستخدم وكلمة المرور.
(ColdFusion) أدخل اسم المستخدم وكلمة المرور، إذا كان هذا متاحًا.
حدد جدول قاعدة البيانات والأعمدة التي تحتوي على أسماء المستخدمين وكلمات المرور لجميع المستخدمين المسجلين.

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

حدد صفحة يتم فتحها في حالة نجاح عملية تسجيل الدخول.

تكون الصفحة المحددة عادة عبارة عن شاشة ترحيب خاصة بالموقع.

حدد صفحة يتم فتحها في حالة فشل عملية تسجيل الدخول.

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

إذا كنت تريد من المستخدمين الذين تم توجيههم إلى صفحة تسجيل الدخول بعد محاولة الوصول إلى صفحة محظورة العودة إلى تلك الصفحة المحظورة بعد تسجيل الدخول، حدد خيار Go To Previous URL.

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

ملاحظة

عندما تكمل مربع الحوار لسلوك خادم Restrict Access To Page على هذه الصفحات، تأكد من تحديد صفحة تسجيل الدخول الخاصة بك في مربع If Access Denied, Go To.

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

يُضاف سلوك خادم إلى صفحة تسجيل الدخول يضمن أن اسم المستخدم وكلمة المرور المدخلة من قبل الزائر صحيحان.