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

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

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

בחלונית Bindings ‏(Window >‏ Bindings), לחץ על לחצן הפלוס (+) ובחר RecoRDSet.

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

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

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

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

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

לחץ על OK.

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

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

עצב את הדף בעזרת כלי העיצוב של Dreamweaver.

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

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

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

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

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

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

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

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

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

ודא שהגדרת ערכת רשומות שתכיל את הרשומה שהמשתמש מעוניין לעדכן.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

לחץ על OK.

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

לעריכת התנהגות השרת, פתח את החלונית Server Behaviors ‏(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.

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

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

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

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

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

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

ציין את אופן התצוגה של כל אחד משדות הזנת הנתונים בלחיצה על שורה בטבלה Form Fields והזנת הפרטים הבאים בתיבות שמתחת לטבלה:

• בתיבה 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.  

הגדר את המאפיינים של אובייקטי טופס אחרים באמצעות בחירת שורה נוספת של Form Fields והזנת תווית, ערך Display As וערך Submit As.

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

לחץ על OK.

Dreamweaver מוסיף לדף טופס HTML והתנהגות שרת Update Record.

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

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

בחר באפשרות Manually או From Database, בהתאם לאופן הרצוי ליצירת רכיב הטופס.

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

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

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

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