בניית דף כניסה

עודכן לאחרונה בתאריך 25 באפריל 2024
פתק

ממשק המשתמש הפך לפשוט יותר ב-Dreamweaver ובגרסאות מתקדמות יותר. כתוצאה מכך, ייתכן שלא תמצא חלק מהאפשרויות המתוארות במאמר זה ב-Dreamweaver ובגרסאות מתקדמות יותר. לקבלת מידע נוסף, עיין במאמר זה.

אודות דפי כניסה

יישום האינטרנט שלכם יכול לכלול דף שמאפשר למשתמשים רשומים להיכנס לאתר.

דף כניסה מורכב מאבני הבניין הבאות:

  • טבלת משתמשים רשומים במסד נתונים

  • טופס HTML המאפשר למשתמשים להזין שם משתמש וסיסמה

  • התנהגות השרת Log In User כדי לוודא שהשם והסיסמה שהוזנו תקינים

    משתנה סשן המורכב משם המשתמש נוצר עבור המשתמש כשהמשתמש מתחבר בהצלחה.

צרו טבלת מסד נתונים של משתמשים רשומים

אתם זקוקים לטבלת מסד נתונים של משתמשים רשומים כדי לוודא שהשם והסיסמה שהוזנו בדף הכניסה תקינים.

השתמשו ביישום מסד הנתונים שלכם ובדף הרשמה כדי ליצור את הטבלה. להוראות, ראו את הקישור לנושא הקשור למטה.

השלב הבא בבניית דף כניסה הוא להוסיף טופס HTML לדף כדי לאפשר למשתמשים להיכנס. לקבלת הנחיות, עיין בנושא הבא.

הוסיפו טופס HTML כדי לאפשר למשתמשים להיכנס

אתם מוסיפים טופס HTML לדף כדי לאפשר למשתמשים להיכנס על ידי הזנת שם משתמש וסיסמה.

יצרו דף (File > New > Blank Page), ועצבו את דף הכניסה שלכם באמצעות כלי העיצוב של Dreamweaver.
הוסיפו טופס HTML על ידי הצבת נקודת ההכנסה במקום שבו אתם רוצים שהטופס יופיע ובחירת Form מהתפריט Insert.

טופס ריק נוצר בדף. ייתכן שתצטרכו להפעיל את Invisible Elements (View > Visual Aids > Invisible Elements) כדי לראות את גבולות הטופס, המיוצגים על ידי קווים אדומים דקים.

קראו שם לטופס ה-HTML על ידי לחיצה על התג <form> בתחתית חלון Document כדי לבחור את הטופס, פתיחת Property inspector (Window > Properties), והזנת שם בתיבת Form Name.

אינכם חייבים לציין מאפיין action או method עבור הטופס כדי להגדיר איפה ואיך לשלוח את נתוני הרשומה כשהמשתמש לוחץ על הלחצן Submit.התנהגות השרת Log In User מגדירה את המאפיינים האלה עבורכם.

הוסיפו שדה טקסט לשם משתמש ושדה טקסט לסיסמה (Insert > Form > Text Field) לטופס.

הוסיפו תוויות (כטקסט או כתמונות) ליד כל שדה טקסט, ויישרו את שדות הטקסט על ידי הצבתם בתוך טבלת HTML והגדרת מאפיין ה-border של הטבלה ל-0.

הוסיפו לחצן Submit לטופס (Insert > Form > Button).

ניתן לשנות את התווית של לחצן Submit על ידי בחירת הלחצן, פתיחת Property inspector (Window > Properties), והזנת ערך חדש בתיבת Label.

השלב הבא בבניית דף כניסה הוא להוסיף את התנהגות השרת Log In User כדי לוודא שהשם והסיסמה שהוזנו תקינים.

אימות שם המשתמש והסיסמה

עליכם להוסיף התנהגות שרת Log In User לדף הכניסה כדי לוודא ששם המשתמש והסיסמה שהמשתמש מזין תקינים.

כשמשתמש לוחץ על לחצן Submit בדף הכניסה, התנהגות השרת Log In User משווה את הערכים שהזין המשתמש מול הערכים של משתמשים רשומים. אם הערכים תואמים, התנהגות השרת פותחת דף אחד (בדרך כלל מסך הברוכים הבאים של האתר). אם הערכים לא תואמים, התנהגות השרת פותחת דף אחר (בדרך כלל דף המתריע למשתמש שניסיון הכניסה נכשל).

בלוח Server Behaviors (Window > Server Behaviors), לחצו על הלחצן Plus (+) ובחרו User Authentication > Log In User מהתפריט הקופץ.
ציינו את הטופס ואת אובייקטי הטופס שבהם משתמשים המבקרים כדי להזין את שם המשתמש והסיסמה שלהם.
‏(ColdFusion) הזן את שם המשתמש והסיסמה שלך במקרה הצורך.
ציינו את טבלת בסיס הנתונים ואת העמודות שמכילות את שמות המשתמש והסיסמאות של כל המשתמשים הרשומים.

התנהגות השרת משווה את שם המשתמש והסיסמה שמבקר מזין בדף הכניסה לערכים בעמודות אלה.

ציין דף שייפתח אם תהליך הכניסה מצליח.

בדרך כלל, תציין את הדף הראשי של אתר האינטרנט.

ציין דף שייפתח אם תהליך הכניסה נכשל.

הדף המצוין בדרך כלל מתריע למשתמש שתהליך הכניסה נכשל ומאפשר למשתמש לנסות שוב.

אם אתם רוצים שמשתמשים יועברו לדף הכניסה לאחר ניסיון גישה לדף מוגבל כדי לחזור לדף המוגבל הזה לאחר התחברות, בחרו באפשרות Go To Previous URL.

אם משתמש מנסה לגשת לאתר שלכם על ידי פתיחת דף מוגבל מבלי להתחבר קודם לכן, הדף המוגבל יכול להעביר את המשתמש לדף הכניסה. לאחר שהמשתמש מתחבר בהצלחה, דף הכניסה מפנה את המשתמש לדף המוגבל שהעביר אותו לדף הכניסה מלכתחילה.

פתק

כאשר אתם משלימים את תיבת הדו-שיח עבור התנהגות השרת Restrict Access To Page בדפים אלה, וודאו שאתם מציינים את דף הכניסה שלכם בתיבה If Access Denied, Go To.

ציינו אם להעניק גישה לדף על בסיס שם משתמש וסיסמה בלבד, או על בסיס רמת הרשאה גם כן, ולחצו על OK.

התנהגות שרת מתווספת לדף הכניסה שמבטיחה ששם המשתמש והסיסמה שהמבקר מזין הם תקינים.