צרו עמוד דינמי (File >
New > Blank Page), ועצבו את העמוד שלכם באמצעות כלי העיצוב של Dreamweaver.
עודכן לאחרונה בתאריך
25 באפריל 2024
למד כיצד ליצור דף להוספת רשומות ביישום Dreamweaver, המאפשר למשתמשים להוסיף רשומות חדשות למסד נתונים.
פתק
ממשק המשתמש הפך לפשוט יותר ב-Dreamweaver ובגרסאות מתקדמות יותר. כתוצאה מכך, ייתכן שלא תמצא חלק מהאפשרויות המתוארות במאמר זה ב-Dreamweaver ובגרסאות מתקדמות יותר. לקבלת מידע נוסף, עיין במאמר זה.
אודות בניית דפים להוספת רשומות
היישום שלכם יכול לכלול עמוד שמאפשר למשתמשים להכניס רשומות חדשות למסד נתונים.
עמוד הוספה כולל שתי אבני בניין:
טופס HTML המאפשר למשתמשים להזין נתונים
התנהגות שרת Insert Record המעדכנת את מסד הנתונים
כשמשתמש לוחץ על הלחצן Submit בטופס, התנהגות השרת מוסיפה רשומות לטבלה במסד הנתונים.
ניתן להוסיף את אבני הבניין האלה בפעולה אחת באמצעות אובייקט הנתונים Record Insertion Form או להוסיף אותם בנפרד באמצעות כלי הטופס של Dreamweaver ולוח Server Behaviors.
פתק
דף ההוספה יכול לכלול התנהגות שרת אחת בלבד לעריכת רשומות בכל פעם. לדוגמה, לא ניתן להוסיף לעמוד ההוספה התנהגות שרת Update Record או Delete Record.
בניית עמוד הוספה צעד אחר צעד
אתם יכולים גם לבנות דף הוספה באמצעות כלי הטפסים והתנהגויות השרת.
הוספת טופס HTML לדף הוספה
הוסיפו טופס HTML על ידי הצבת נקודת ההכנסה במקום שבו
אתם רוצים שהטופס יופיע ובחירת Insert > Form >
Form.
טופס ריק נוצר בדף. ייתכן שתצטרכו להפעיל Invisible Elements (View > Visual Aids > Invisible Elements) כדי לראות את גבולות הטופס, שמיוצגים על ידי קווים אדומים דקים.
תנו שם לטופס HTML על ידי לחיצה על תג <form>
בחלק התחתון של חלון המסמך כדי לבחור את הטופס, פתיחת
Property inspector (Window > Properties), והזנת
שם בתיבת Form Name.
אתם לא צריכים לציין מאפיין action או method לטופס כדי לציין לו היכן ואיך לשלוח את נתוני הרשומה כשהמשתמש לוחץ על לחצן Submit.התנהגות השרת Insert Record מגדירה את המאפיינים האלה עבורכם.
הוסיפו אובייקט טופס כמו שדה טקסט (Insert >
Form > Text Field) לכל עמודה בטבלת מסד הנתונים
שאתם רוצים להכניס אליה רשומות.
אובייקטי הטופס מיועדים להזנת נתונים. שדות טקסט נפוצים למטרה זו, אבל אתם יכולים גם להשתמש בתפריטים, אפשרויות ולחצנים של בחירה יחידה.
הוסיפו לחצן Submit לטופס (Insert >
Form > Button).
אתם יכולים לשנות את התווית של לחצן Submit על ידי בחירת הלחצן, פתיחת ה-Property inspector (Window > Properties), והזנת ערך חדש בתיבת ה-Label.
הוסיפו התנהגות שרת כדי להכניס רשומות לטבלת מסד נתונים (ColdFusion)
בלוח Server Behaviors (Window >
Server Behaviors), לחצו על הלחצן Plus (+) ובחרו Insert Record
מהתפריט הקופץ.
בתפריט הנפתח Submit Values From, בחר טופס.
בתפריט הקופץ Data Source, בחרו חיבור
למסד הנתונים.
הזן את שם המשתמש והסיסמה שלך.
בתפריט הקופץ Insert Into Table, בחרו את טבלת מסד הנתונים
כדי להכניס אליה את הרשומה.
ציינו עמודת מסד נתונים כדי להכניס אליה את הרשומה, בחרו
את אובייקט הטופס שיכניס את הרשומה מהתפריט הקופץ Value,
ואז בחרו טיפוס נתונים לאובייקט הטופס מהתפריט הקופץ Submit
As.
טיפוס הנתונים הוא סוג הנתונים שהעמודה בטבלת מסד הנתונים שלכם מצפה לקבל (טקסט, מספרי, ערכי אפשרויות בוליאניות).
חזרו על הפרוצדורה לכל אובייקט טופס בטופס שלכם.
בתיבת After Inserting, Go To, הזינו את העמוד שייפתח לאחר שהרשומה תוכנס לטבלה או לחצו על הלחצן Browse כדי לעיין בקובץ.
לחץ על OK.
Dreamweaver מוסיף התנהגות שרת לעמוד שמאפשרת למשתמשים להכניס רשומות בטבלת מסד נתונים על ידי מילוי טופס HTML ולחיצה על לחצן Submit.
הוסיפו התנהגות שרת כדי להכניס רשומות בטבלת מסד נתונים (ASP)
בלוח Server Behaviors (Window >
Server Behaviors), לחצו על הלחצן Plus (+) ובחרו Insert Record
מהתפריט הקופץ.
בתפריט הקופץ Connection, בחרו חיבור
למסד הנתונים.
אם עלייך להגדיר חיבור, לחץ על הלחצן Define.
בתפריט הקופץ הוספה לטבלה, לבחור את טבלת
מסד הנתונים שאליה צריך להכניס את הרשומה.
בתיבה לאחר הוספה, עבור אל, הזינו את העמוד
שייפתח לאחר שהרשומה תוכנס לטבלה או לחצו על עיון
כדי לעיין בקובץ.
בתפריט הקופץ Get Values From, בחרו את טופס ה-HTML שמשמש להזנת הנתונים.
Dreamweaver בוחר באופן אוטומטי את הטופס הראשון בעמוד שלכם.
ציינו עמודת מסד נתונים להכנסת הרשומה, לבחור
את אובייקט הטופס שיכניס את הרשומה מתפריט הקופץ ערך,
ואז לבחור סוג נתונים עבור אובייקט הטופס מתפריט הקופץ שליחה
בתור.
סוג הנתונים הוא סוג הנתונים שהעמודה בטבלת מסד הנתונים שלכם מצפה לו (טקסט, מספרי, ערכי אפשרות בוליאנית).
חזרו על ההליך עבור כל אובייקט טופס בטופס שלכם.
לחץ על OK.
Dreamweaver מוסיף התנהגות שרת לדף שמאפשרת למשתמשים להוסיף רשומות בטבלת מסד נתונים באמצעות מילוי טופס HTML ולחיצה על לחצן השליחה.
כדי לערוך את התנהגות השרת, פתחו את לוח התנהגויות השרת (חלון > התנהגויות שרת) ולחצו פעמיים על התנהגות הכנסת רשומה.
הוספת התנהגות שרת להכנסת רשומות בטבלת מסד נתונים (PHP)
בלוח התנהגויות השרת (חלון >
התנהגויות שרת), לחצו על לחצן הפלוס (+) ולבחור הכנסת רשומה
מהתפריט הקופץ.
בתפריט הנפתח Submit Values From, בחר טופס.
בתפריט הקופץ חיבור, לבחור חיבור
למסד הנתונים.
בתפריט הקופץ הכנס טבלה, בחרו את טבלת מסד הנתונים שאליה תרצו להכניס את הרשומה.
ציינו עמודת מסד נתונים להכנסת הרשומה, בחרו את אובייקט הטופס שיכניס את הרשומה מתפריט הקופץ Value, ולאחר מכן בחרו סוג נתונים עבור אובייקט הטופס מתפריט הקופץ Submit As.
סוג הנתונים הוא סוג הנתונים שהעמודה בטבלת מסד הנתונים שלכם מצפה לו (טקסט, מספרי, ערכי אפשרות בוליאנית).
חזרו על ההליך עבור כל אובייקט טופס בטופס שלכם.
בתיבת "לאחר הוספה, עבור אל", הזינו את הדף שייפתח לאחר הוספת הרשומה לטבלה או לחצו על לחצן העיון כדי לדפדף בקובץ.
לחץ על OK.
Dreamweaver מוסיף התנהגות שרת לעמוד שמאפשרת למשתמשים להכניס רשומות בטבלת מסד נתונים על ידי מילוי הטופס HTML ולחיצה על לחצן השליחה.
בניית דף הוספה בפעולה אחת
פתחו את העמוד בתצוגת עיצוב, ולבחור
הכנסה > אובייקטי נתונים > הכנסת רשומה >
אשף טופס הכנסת רשומות.
בתפריט הקופץ חיבור, לבחור חיבור
למסד הנתונים. אם עלייך להגדיר חיבור, לחץ על הלחצן Define.
בתפריט הקופץ הוספה לטבלה, לבחור את טבלת
מסד הנתונים שאליה צריך להכניס את הרשומה.
בעת שימוש ב-ColdFusion, הזן שם משתמש וסיסמה.
בתיבת "לאחר הוספה, עבור אל", הזינו את העמוד שייפתח לאחר הוספת הרשומה לטבלה או לחצו על לחצן העיון כדי לעיין בקובץ.
בתחום שדות הטופס, ציינו את אובייקטי הטופס
שברצונכם לכלול בטופס HTML של עמוד ההכנסה, ואיזה עמודות
בטבלת מסד הנתונים שלכם כל אובייקט טופס צריך לעדכן.
כברירת מחדל, 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 וגם התנהגות שרת Insert Record לעמוד שלכם.אובייקטי הטופס מסודרים בטבלה בסיסית, שתוכלו להתאים אישית באמצעות כלי עיצוב העמוד של Dreamweaver.(ודאו שכל אובייקטי הטופס נשארים בתחומי הטופס.)
כדי לערוך את התנהגות השרת, פיתחו את לוח התנהגויות השרת (Window > Server Behaviors) ולחצו לחיצה כפולה על התנהגות Insert Record.
פריטים דומים נוספים
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
