בניית דף לעדכון רשומות ב-Dreamweaver

צרו דף ב-Dreamweaver ושמרו אותו.

העמוד יהפוך לעמוד העדכון.

בלוח Bindings ‏(Window > Bindings), לחצו על הלחצן Plus ‏(+) ובחרו Recordset.

אם תיבת הדו-שיח המתקדמת מופיעה, לחץ על Simple. תיבת הדו-שיח המתקדמת כוללת אזור טקסט להזנת הוראות SQL, ואילו הפשוטה אינה כוללת אזור כזה.

תנו שם לרשומות וציינו איפה הנתונים שברצונכם לעדכן נמצאים באמצעות תפריטי Connection ו-Table.

לחצו על Selected ובחרו עמודת מפתח (בדרך כלל עמודת מזהה הרשומה) ואת העמודות שמכילות את הנתונים שיש לעדכן.

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

מסנן מהסוג הזה יוצר קבוצת רשומות שמכילה רק את הרשומה שצוינה על ידי דף התוצאות.לדוגמה, אם עמודת המפתח שלכם מכילה מידע על מזהה רשומה ונקראת PRID, ואם דף התוצאות מעביר את מידע מזהה הרשומה המתאים בפרמטר ה-URL שנקרא id, אזור המסנן אמור להיראות כמו הדוגמה הבאה:

לחץ על OK.

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

צרו עמוד (File > New > Blank Page). דף זה יהפוך לדף העדכון.

עצבו את העמוד באמצעות כלי העיצוב של Dreamweaver.

הוסיפו טופס HTML על ידי הצבת נקודת ההכנסה במקום שבו אתם רוצים שהטופס יופיע ובחירה ב-Insert > Form > Form.

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

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

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

הוסיפו אובייקט טופס כמו שדה טקסט (Insert > Form > Text Field) לכל עמודה שאתם רוצים לעדכן בטבלת בסיס הנתונים.

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

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

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

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

ודאו שהגדרתם מערך רשומות לאחסון הרשומה שהמשתמש רוצה לעדכן.

ראו אחזור הרשומה לעדכון.

קשרו כל אובייקט טופס לנתונים ברקורדסט, כפי שמתואר בנושאים הבאים:

• הצגת תוכן דינמי בשדות טקסט HTML

• בחירה מוקדמת דינמית של תיבת סימון HTML

• בחירה מוקדמת דינמית של לחצן רדיו HTML

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

• הפיכת תפריטי טופס HTML קיימים לדינמיים

בלוח Server Behaviors (Window > Server Behaviors), לחצו על לחצן הפלוס (+) ובחרו Update Record מהתפריט הקופץ.

מופיעה תיבת הדו-שיח Update Record.

בתפריט הנפתח Submit Values From, בחר טופס.

בתפריט הקופץ Data Source או Connection, בחרו חיבור לבסיס הנתונים.

הזן את שם המשתמש והסיסמה שלך במקרה הצורך.

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

(ColdFusion,‏ PHP) ציינו עמודת בסיס נתונים לעדכון, בחרו את אובייקט הטופס שיעדכן את העמודה מהתפריט הקופץ Value, בחרו סוג נתונים עבור אובייקט הטופס מהתפריט הקופץ Submit As, ובחרו Primary Key אם ברצונכם לזהות את העמודה הזאת כמפתח הראשי.

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

חזרו על ההליך עבור כל אובייקט טופס בטופס שלכם.

(ASP) בתפריט הקופץ Select Record From, לציין את מערך הרשומות שמכיל את הרשומה המוצגת בטופס ה-HTML. בתפריט הקופץ Unique Key Column, לבחור עמודת מפתח (בדרך כלל עמודת מזהה הרשומה) כדי לזהות את הרשומה בטבלת בסיס הנתונים. בחר באפשרות Numeric אם הערך הוא מספר. עמודת מפתח בדרך כלל מקבלת רק ערכים מספריים, אך לעיתים מקבלת ערכי טקסט.

בשדה After Updating או On Success, Go To, להזין את הדף שייפתח לאחר שהרשומה מתעדכנת בטבלה או ללחוץ על הלחצן Browse כדי לנווט לקובץ.

(ASP) לציין עמודת בסיס נתונים לעדכון, לבחור את אובייקט הטופס שיעדכן את העמודה מהתפריט הקופץ Value, ולאחר מכן לבחור סוג נתונים עבור אובייקט הטופס מהתפריט הקופץ Submit As. סוג הנתונים הוא סוג הנתונים שהעמודה בטבלת בסיס הנתונים שלכם מצפה לקבל (טקסט, מספרי, ערכי אפשרות בוליאניים). חזור על הפעולות לכל אחד מאובייקטי הטופס הכלולים בטופס.

לחץ על OK.

Dreamweaver מוסיף התנהגות שרת לדף שמאפשר למשתמשים לעדכן רשומות בטבלת בסיס נתונים על ידי שינוי המידע המוצג בטופס ה-HTML ולחיצה על הלחצן Submit.

לעריכת התנהגות השרת, לפתוח את לוח התנהגויות השרת (Window > Server Behaviors) וללחוץ לחיצה כפולה על ההתנהגות Update Record.

לפתוח את הדף בתצוגת Design ולבחור Insert > Data Objects > Update Record > Record Update Form Wizard.

מופיעה תיבת הדו-שיח Record Update Form.

בתפריט הקופץ Connection, בחרו חיבור לבסיס הנתונים.

אם עלייך להגדיר חיבור, לחץ על הלחצן Define.

בתפריט הקופץ Table To Update, לבחור את טבלת בסיס הנתונים שמכילה את הרשומה לעדכון.

בתפריט הקופץ Select Record From, ציינו את מערך הרשומות שמכיל את הרשומה המוצגת בטופס ה-HTML.

בתפריט הקופץ עמודת מפתח ייחודי, בחרו עמודת מפתח (בדרך כלל עמודת מזהה הרשומה) כדי לזהות את הרשומה בטבלת מסד הנתונים.

אם הערך הוא מספר, בחר באפשרות Numeric. עמודת מפתח מקבלת בדרך כלל רק ערכים מספריים, אך לפעמים היא מקבלת ערכי טקסט.

בתיבה 'After Updating, Go To', הזינו את העמוד שייפתח לאחר עדכון הרשומה בטבלה.

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

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

אתם יכולים גם לשנות את הסדר של אובייקטי הטופס בטופס ה-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 וגם התנהגות שרת עדכון רשומה לעמוד שלכם.

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

כדי לערוך את התנהגות השרת, פתחו את לוח התנהגויות השרת (חלון > התנהגויות שרת) ולחצו פעמיים על התנהגות עדכון רשומה.

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

לחץ על לחצן הפלוס (+) להוספת רכיב.

הזן תווית וערך לרכיב.

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

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