ملاحظة:

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

مقدمة إلى صفحات تسجيل الدخول

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

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

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

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

  • سلوك الخادم Log In User للتأكد من أن اسم المستخدم وكلمة المرور المدخلين صالحان

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

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

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

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

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

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

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

  1. قم بإنشاء صفحة (File > New > Blank Page) وقم بتخطيط صفحتك باستخدام أدوات التصميم في Dreamweaver.
  2. أضف نموذج HTML من خلال وضع نقطة الإدراج حيثما تريد ظهور النموذج واختيار Form من قائمة Insert.

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

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

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

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

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

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

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

    الخطوة التالية في عملية إنشاء صفحة تسجيل دخول عبارة عن إضافة سلوك الخادم Log In User للتحقق من أن اسم المستخدم وكلمة المرور المدخلين صالحان.

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

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

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

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

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

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

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

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

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

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

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

    ملاحظة:

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

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

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

تم ترخيص هذا العمل بموجب الترخيص العام غير المعدل الخاص بالإسناد وعدم التجارة والمشاركة الإصدار 3.0 ‏من ‏‏Creative Commons‏‏  إن بنود Creative Commons لا تشمل منشورات Twitter™‎ وFacebook.

إشعارات قانونية   |   سياسة الخصوصية على الإنترنت