ממשק המשתמש הפך לפשוט יותר ב-Dreamweaver CC ואילך. כתוצאה מכך, ייתכן שלא תמצא חלק מהאפשרויות המתוארות במאמר זה ב-Dreamweaver CC ואילך. לקבלת מידע נוסף, עיין במאמר זה.
הצגת רשומות של מסד נתונים כרוכה באחזור מידע השמור במסד נתונים או במקור תוכן אחר, ובעיבוד מידע זה לדף אינטרנט. Dreamweaver מספק שיטות רבות להצגת תוכן דינמי, והתנהגויות שרת מובנות המאפשרות לשפר את הצגת התוכן הדינמי ומאפשרות למשתמשים לחפש ולנווט במידע המוחזר ממסד נתונים ביתר קלות.
מסדי נתונים ומקורות אחרים של תוכן דינמי מספקים יתר עוצמה וגמישות לפעולות חיפוש, מיון ותצוגה של כמויות מידע גדולות. כדאי להשתמש במסד נתונים לשמירת תוכן לאתרי אינטרנט כשעלייך לשמור כמויות גדולות של מידע, לאחזר אותו ולהציגו בדרך משמעותית. Dreamweaver מספק כלים והתנהגויות מובנות המסייעים באחזור ובתצוגה של מידע השמור במסד נתונים.
לשיפור תצוגה של נתונים דינמיים, Dreamweaver מספק את התנהגויות השרת ורכיבי התבנית הבאים:
Formats
- תבניות מאפשרות להחיל על טקסט דינמי סוגים שונים של ערכי מספרים, מטבעות, תאריך/שעה ואחוזים.
לדוגמה, אם מחיר של פריט בערכת רשומות הוא 10.989, ניתן להציג את המחיר בדף כ-$10.99 על-ידי בחירה בתבנית "Currency - 2 Decimal Places" של Dreamweaver. תבנית זו מציגה מספר עם שני מקומות אחרי הנקודה העשרונית. אם המספר כולל יותר משני מקומות אחרי הנקודה העשרונית, תבנית הנתונים מעגלת את המספר למספר העשרוני הקרוב ביותר. אם למספר אין מקומות אחרי הנקודה העשרונית, תבנית הנתונים מוסיפה נקודה עשרונית ושני אפסים.
Repeating Region
- התנהגויות שרת אלה מאפשרות להציג פריטים מרובים שהוחזרו משאילתת מסד נתונים ולציין את מספר הרשומות שיוצגו בכל דף.
RecoRDSet Navigation
- התנהגויות שרת אלה מאפשרות להוסיף רכיבי ניווט המאפשרים למשתמשים לעבור לערכת הרשומות הבאה או הקודמת שהוחזרה מערכת הרשומות. לדוגמה, אם בחרת בתצוגה של 10 רשומות לדף באמצעות אובייקט השרת Repeating Region וערכת הרשומות כוללת 40 רשומות, ניתן לנווט ב-10 רשומות בכל פעם.
RecoRDSet Status Bar
- התנהגויות שרת אלה מאפשרות לכלול מונה המציג למשתמשים את מיקומם בערכת הרשומות ביחס למספר הרשומות הכולל שהוחזר.
Show Region
התנהגויות שרת אלה מאפשרות לבחור בהצגה או בהסתרה של פריטים בדף בהתאם לרשומות הנוכחיות שמוצגות. לדוגמה, אם משתמש ניווט לרשומה האחרונה בערכת רשומות, ניתן להסתיר את הקישור Next ולהציג רק את הקישור Previous.
אחת התכונות רבות העוצמה של Dreamweaver היא היכולת להציג נתונים דינמיים בדף בעל מבנה מוגדר, ולהחיל תבנית טיפוגרפית באמצעות HTML ו-CSS. להחלת תבניות על נתונים דינמיים ב-Dreamweaver, עצב את הטבלאות ומצייני המיקום של הנתונים הדינמיים באמצעות כלי התבנית של Dreamweaver. בעת הוספת נתונים ממקור הנתונים, הוא מקבל אוטומטית את עיצוב הגופן, הפסקה והטבלה שצוין.
קישורי ניווט ברשומות מאפשרים למשתמשים לעבור מרשומה לרשומה, או מערכת רשומות לערכת רשומות. לדוגמה, לאחר עיצוב דף המציג חמש רשומת בכל פעם, ייתכן שתרצה להוסיף קישורים כגון הבא או הקודם שיאפשרו למשתמשים להציג את חמש הרשומות הבאות או הקודמות.
ניתן ליצור ארבעה סוגים של קישורי ניווט בערכת רשומות: First, Previous, Next ו-Last. דף בודד יכול לכלול מספר בלתי מוגבל של קישורים אלה, בתנאי שכולם פועלים באותה ערכת רשומות. לא ניתן להוסיף קישורים לערכת רשומות נוספת באותו הדף.
קישורי הניווט בערכת רשומות דורשים את הרכיבים הדינמיים הבאים:
ערכת רשומות לניווט
תוכן דינמי בדף להצגת רשומה או רשומות
טקסט או תמונות בדף המשמשים כסרגל ניווט לחיץ
ערכת התנהגויות שרת מסוג Move To Record לניווט בערכת הרשומות
ניתן להוסיף את שני הרכיבים האחרונים באמצעות אובייקט השרת Record Navigation Bar, או שניתן להוסיפם בנפרד באמצעות כלי העיצוב והחלונית Server Behaviors.
התנהגות השרת RecoRDSet Navigation Bar מאפשרת ליצור סרגל ניווט בערכת רשומות בפעולה אחת. אובייקט השרת מוסיף לדף את אבני הבניין הבאות:
טבלת HTML עם קישורי טקסט או תמונות
ערכת התנהגויות שרת מסוג Move To
ערכת התנהגויות שרת מסוג Show Region
גרסת הטקסט של RecoRDSet Navigation Bar נראית כך:
לפני מיקום סרגל הניווט בדף, ודא שהדף מכיל ערכת רשומות לניווט ופריסת דף להצגת הרשומות.
לאחר מיקום סרגל הניווט בדף, ניתן להשתמש בכלי העיצוב להתאמה אישית של הסרגל. ניתן גם לערוך את התנהגויות השרת Move To ו-Show Region בלחיצה כפולה עליהן בחלונית Server Behaviors.
Dreamweaver יוצר טבלה המכילה קישורי טקסט או תמונה המאפשרים למשתמש ללחוץ עליהם ולנווט בערכת הרשומות שנבחרה. בעת הצגת הרשומה הראשונה בערכת הרשומות, הקישורים או התמונות First ו-Previous מוסתרים. בעת הצגת הרשומה האחרונה בערכת הרשומות, הקישורים או התמונות Next ו-Last מוסתרים.
ניתן להתאים אישית את פריסת סרגל הניווט באמצעות כלי העיצוב והחלונית Server Behaviors.
Text
מיקום קישורי טקסט בדף.
Images
הוספת תמונות שישמשו כקישורים. Dreamweaver משתמש בקובצי תמונה משלו. תוכל להחליף תמונות אלה בקובצי תמונה משלך לאחר מיקום הסרגל בדף.
ניתן ליצור סרגל ניווט בערכת רשומות משלך המשתמש בפריסה ובסגנונות תבנית מורכבים יותר מאלה של הטבלה הפשוטה שנוצרת על-ידי אובייקט השרת RecoRDSet Navigation Bar.
ליצירת סרגל ניווט בערכת רשומות משלך, עליך לבצע את הפעולות הבאות:
יצירת קישורי ניווט בטקסט או בתמונות
מיקום קישורים בדף בתצוגת Design
הקצאת התנהגויות שרת בודדות לכל אחד מקישורי הניווט
חלק זה מתאר כיצד להקצות התנהגויות שרת בודדות לקישורי ניווט.
אם ערכת הרשומות כוללת רשומות רבות, ייתכן שיידרש זמן רב להפעלת התנהגות השרת Move To Last Record כשהמשתמש לוחץ על הקישור.
התנהגות השרת משויכת לקישור הניווט.
הוסף קישורים שיאפשרו למשתמש לנווט ברשומות בערכת הרשומות.
אם ערכת הרשומות כוללת רשומות רבות, ייתכן שיידרש זמן רב להפעלת התנהגות השרת Move To Last Record כשהמשתמש לוחץ על הקישור.
בעת יצירת סרגל ניווט מותאם אישית, התחל ביצירת עיצובו החזותי בעזרת כלי עיצוב הדפים של Dreamweaver. אינך צריך ליצור קישור למחרוזת הטקסט או לתמונה, Dreamweaver עושה זאת עבורך.
הדף שיצרת לו את סרגל הניווט חייב לכלול ערכת רשומות לניווט. סרגל פשוט לניווט בערכת רשומות עשוי להיראות כך, ולכלול לחצני קישור שנוצרו מתמונות או רכיבי תוכן אחרים:
לאחר הוספת ערכת רשומות לדף ויצירת סרגל ניווט, יש להחיל התנהגויות שרת נפרדות על כל אחד מרכיבי הניווט. לדוגמה, סרגל טיפוסי לניווט בערכת רשומות כולל ייצוגים של הקישורים הבאים המתאימים להתנהגות מסוימת:
קישור ניווט |
התנהגות שרת |
עבור לדף הראשון |
מעבר לדף הראשון |
עבור לדף הקודם |
מעבר לדף הקודם |
עבור לדף הבא |
מעבר לדף הבא |
עבור לדף האחרון |
מעבר לדף האחרון |
ניתן גם לקבוע שאזור מסוים יוצג או יוסתר כשערכת הרשומות ריקה. אם ערכת הרשומות ריקה (לדוגמה, לא נמצאו רשומות תואמות לשאילתה), ניתן להציג למשתמש הודעה שלא נמצאו רשומות. הדבר שימושי במיוחד בעת יצירת דפי חיפוש המסתמכים על תנאי חיפוש שהוזנו על-ידי המשתמש להפעלת שאילתות. באופן דומה, ניתן להציג הודעת שגיאה אם יש בעיה בהתחברות למסד הנתונים, או אם שם המשתמש והסיסמה אינם מתאימים לאלה שהשרת מזהה.
התנהגויות השרת Show Region הן:
Show If RecoRDSet Is Empty
Show If RecoRDSet Is Not Empty
Show If First Page
Show If Not First Page
Show If Last Page
Show If Not Last Page
התנהגות השרת Repeating Region מאפשרת להציג בדף רשומות מרובות מערכת רשומות. ניתן להפוך כל בחירת נתונים דינמיים לאזור חוזר. עם זאת, האזורים הנפוצים ביותר הם טבלה, שורה בטבלה או סדרת שורות בטבלה.
הבחירה יכולה לכלול כל פריט שהוא, כולל טבלה, שורה בטבלה ואפילו פסקת טקסט.
לבחירה מדויקת של אזור בדף, ניתן להשתמש בבורר התגים בפינה השמאלית של חלון Document. לדוגמה, אם האזור הוא שורה בטבלה, לחץ בשורה בדף ולאחר מכן לחץ על תג <tr> הימני ביותר בבורר התגים לבחירת שורת הטבלה.
בחלון Document מוצג קו דק ואפור סביב האזור החוזר.
שם האזור החוזר.
ערכת הרשומות המספקת את הרשומות לאזור החוזר.
מספר הרשומות המוצגות
בעת בחירת אפשרות חדשה, Dreamweaver מעדכן את הדף.
לקבלת ערכת לימוד בנושא שימוש חוזר בערכות רשומות של PHP, ראה את ערכת הלימוד של דיוויד פאוורס, כיצד ניתן לעשות שימוש חוזר בערכת רשומות של PHP ביותר מאזור חוזר אחד?
הדוגמה הבאה מציגה כיצד התנהגות השרת Repeating Region מוחלת על שורה בטבלה, ומציינת שיוצגו תשע רשומות בכל דף. השורה עצמה מציגה ארבע רשומות שונות: עיר, מדינה, כתובת ומיקוד.
ליצירת טבלה דומה לזו המוצגת בדוגמה הקודמת, יש ליצור טבלה שתכיל תוכן דינמי ולהחיל את התנהגות השרת Repeating Region על שורת הטבלה המכילה את התוכן הדינמי. בעת עיבוד הדף בשרת היישומים, השורה חוזרת כמספר הפעמים שצוין באובייקט השרת Repeating Region, כשרשומה אחרת נוספת בכל שורה חדשה.
בחר Insert > Data Objects > Dynamic Data > Dynamic Table להצגת תיבת הדו-שיח Dynamic Table dialog.
בקטגוריה Data שבחלונית Insert, לחץ על הלחצן Dynamic Data ובחר בסמל Dynamic Table בתפריט הנפתח.
תיבת הדו-שיח Dynamic Table שומרת על הערכים שהזנת לגבולות הטבלה, למסגרת התא ולריווח התא.
בעת עבודה על פרויקט שדורש טבלאות דינמיות אחדות בעלות מראה זהה, הזן את ערכי פריסת הטבלה המפשטים ככל האפשר את פיתוח הדף. ניתן להתאים ערכים אלה לאחר הוספת הטבלה בעזרת מפקח המאפיינים.
טבלה ומצייני מיקום לתוכן הדינמי שהוגדר בערכת הרשומות הקשורה נוספים לדף.
בדוגמה זו, ערכת הרשומות כוללת ארבע עמודות: AUTHORID, FIRSTNAME, LASTNAME ו-BIO. שורת הכותרת של הטבלה מכילה את שמות העמודות. ניתן לערוך את הכותרות בתיאור מילולי או להחליפן בתמונות.
מוני רשומות מספקים למשתמשים נקודת התייחסות בעת ניווט בערכת רשומות. בדרך כלל, מוני רשומות מציגים את המספר הכולל של רשומות שהוחזרו ואת הרשומות הנוכחיות שמוצגות. לדוגמה, אם ערכת רשומות מחזירה 40 רשומות בודדות וכל דף מציג 8 רשומות, מונה הרשומות בדף הראשון יציין "מציג רשומות 1-8 מתוך 40".
לפני יצירת מונה רשומות לדף, יש ליצור לדף ערכת רשומות, פריסת דף מתאימה שתכיל את התוכן הדינמי וסרגל לניווט בערכת רשומות, לפי סדר זה.
מונה רשומות מאפשר למשתמשים לדעת היכן הם נמצאים בערכת רשומות מסוימת, יחסית למספר הרשומות הכולל. לכן, מונה רשומות הוא התנהגות שימושית שעשויה לתרום רבות לנוחות השימוש בדף באינטרנט.
צור מונה רשומות פשוט באמצעות אובייקט השרת RecoRDSet Navigation Status. אובייקט שרת זה יוצר ערך טקסט בדף להצגת מצב הרשומה הנוכחי. ניתן להתאים אישית את מונה הרשומות בעזרת כלי עיצוב הדפים של Dreamweaver.
אובייקט השרת RecoRDSet Navigation Status מוסיף טקסט מונה רשומות הדומה לדוגמה הבאה:
בעת הצגה בתצוגת Live, המונה נראה דומה לדוגמה הבאה:
ניתן להשתמש בהתנהגויות בודדות של מונה רשומות ליצירת מונה רשומות מותאם אישית. יצירת מונה רשומות מותאם אישית מאפשרת ליצור מונה רשומות מורכב יותר מהטבלה הפשוטה הכוללת שורה בודדת שנוספת באמצעות אובייקט השרת RecoRDSet Navigation Status. ניתן לסדר רכיבי עיצוב במגוון דרכים יצירתיות, ולהחיל התנהגות שרת מתאימה על כל אחד מהרכיבים.
התנהגויות השרת Record Count הן:
Display Starting Record Number
Display Ending Record Number
Display Total RecoRDS
לפני יצירת מונה רשומות מותאם אישית לדף, תחילה יש ליצור לדף ערכת רשומות, פריסת דף מתאימה שתכיל את התוכן הדינמי וסרגל לניווט בערכת רשומות, לפי סדר זה.
הדוגמה הבאה יוצרת מונה רשומות שנראה דומה לדוגמה המוצגת בסעיף "יצירת מונה רשומות פשוט". בדוגמה זו, טקסט בגופן sans-serif מייצג את מצייני המיקום של מונה הרשומות שיתווספו לדף. מונה הרשומות בדוגמה זו נראה כך:
מציג רשומות StartRow עד EndRow מתוך RecoRDSet.RecordCount.
Displaying records thru of .
Displaying records thru of {Recordset1.RecordCount}.
Displaying records {StartRow_Recordset1} thru of {Recordset1.RecordCount}.
Displaying records {StartRow_Recordset1} thru {EndRow_Recordset1} of{Recordset1.RecordCount}.
Displaying records 1 thru 8 of 40.
אם דף התוצאות כולל קישור ניווט למעבר לערכה הבאה של הרשומות, לחיצה על הקישור תעדכן את מונה הרשומות באופן הבא:
Showing records 9 thru 16 of 40.
Dreamweaver כולל תבניות נתונים מוגדרות מראש שניתן להחיל על רכיבי תוכן דינמי. סגנונות תבניות הנתונים כוללים תבניות תאריך ושעה, מטבעות, מספרים ואחוזים.
אם החץ למטה אינו מוצג, הרחב את החלונית.
ודא שתבנית הנתונים מתאימה לסוג הנתונים שברצונך לעצב. לדוגמה, תבניות Currency פועלות רק אם הנתונים הדינמיים מורכבים ממספרים. שים לב שלא ניתן להחיל יותר מתבנית אחת על אותם נתונים.
פתח דף שכולל נתונים דינמיים בתצוגת Design.
בחר בנתונים הדינמיים שברצונך ליצור להם תבנית מותאמת אישית.
פריט הנתונים הקשור שבחרת בטקסט הדינמי שלו מסומן בחלונית Bindings (Window > Bindings). החלונית מציגה שתי עמודות לפריט שנבחר - Binding ו-Format. אם העמודה Format מוסתרת, הרחב את החלונית Bindings כדי להציגה.
בחלונית Bindings, לחץ על החץ למטה בעמודה Format להרחבת התפריט הנפתח של תבניות הנתונים הזמינות.
אם החץ למטה אינו מוצג, הרחב את החלונית Bindings עוד יותר.
בחר באפשרות Edit Format List בתפריט הנפתח.
בחר הגדרות בתיבת הדו-שיח ולחץ על OK.
א.בחר תבנית מהרשימה ולחץ על Edit.
ב.שנה אחד או יותר מהפרמטרים הבאים בתיבות הדו-שיח Currency, Number או Percent ולחץ על OK.
ג.למחיקת תבנית הנתונים, בחר בתבנית ברשימה ולחץ על לחצן המינוס (-).
בחר בנתונים הדינמיים שברצונך ליצור להם תבנית מותאמת אישית.
למרות ש-Dreamweaver תומך ביצירת תבניות נתונים לדףי ASP בלבד, משתמשי ColdFusion ו-PHP יכולים להוריד תבניות שנוצרו על-ידי מפתחים אחרים, או ליצור תבניות שרת ולפרסם אותן ב-Dreamweaver Exchange. למידע נוסף על Server Format API, ראה Extending Dreamweaver(Help > Extending Dreamweaver > Server Formats).
כניסה לחשבון