ממשק המשתמש הפך לפשוט יותר ב-Dreamweaver ובגרסאות מתקדמות יותר. כתוצאה מכך, ייתכן שלא תמצא חלק מהאפשרויות המתוארות במאמר זה ב-Dreamweaver ובגרסאות מתקדמות יותר. לקבלת מידע נוסף, עיין במאמר זה.
אודות רשומות של מסד נתונים
הצגת רשומות מסד נתונים כוללת אחזור מידע המאוחסן במסד נתונים או במקור תוכן אחר, ועיבוד המידע הזה לדף אינטרנט. 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
התנהגויות שרת מאפשרות לכם לבחור להציג או להסתיר פריטים בדף בהתבסס על הרלוונטיות של הרשומות המוצגות כרגע. לדוגמה, אם משתמש ניווט לרשומה האחרונה בקבוצת הרשומות, אתם יכולים להסתיר את הקישור הבא, ולהציג רק את הקישור לרשומות הקודמות.
החלת אלמנטי טיפוגרפיה ופריסת דף על נתונים דינמיים
תכונה חזקה של Dreamweaver היא היכולת להציג נתונים דינמיים בתוך דף מובנה, ולהחיל עיצוב טיפוגרפי באמצעות HTML ו-CSS. כדי להחיל עיצובים על נתונים דינמיים ב-Dreamweaver, עצבו את הטבלאות והמקומות השמורים לנתונים הדינמיים באמצעות כלי העיצוב של Dreamweaver. כשהנתונים מוכנסים ממקור הנתונים שלהם, הם מקבלים באופן אוטומטי את עיצוב הגופן, הפסקה והטבלה שציינתם.
ניווט בתוצאות רשומות מסד הנתונים
קישורי ניווט ברשומות מאפשרים למשתמשים לעבור מרשומה אחת לבאה, או מקבוצת רשומות אחת לבאה. לדוגמה, אחרי עיצוב דף להצגת חמש רשומות בכל פעם, אולי תרצו להוסיף קישורים כמו הבא או הקודם שמאפשרים למשתמשים להציג את חמש הרשומות הבאות או הקודמות.
אתם יכולים ליצור ארבעה סוגים של קישורי ניווט כדי לעבור בערכת רשומות: ראשון, קודם, הבא ואחרון.עמוד יחיד יכול להכיל כל מספר של קישורים אלה, בתנאי שכולם פועלים על ערכת רשומות יחידה. לא ניתן להוסיף קישורים כדי לנוע בערכת רשומות שנייה באותו עמוד.
קישורי הניווט בערכת רשומות דורשים את הרכיבים הדינמיים הבאים:
ערכת רשומות לניווט
תוכן דינמי בעמוד להצגת רשומה או רשומות
טקסט או תמונות בעמוד שישמשו כסרגל ניווט שניתן ללחיצה
ערכת התנהגויות שרת 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 (server behavior)
הוסיפו קישורים שמאפשרים למשתמש לנווט ברשומות בערכת רשומות.
אם ערכת הרשומות מכילה מספר גדול של רשומות, התנהגות השרת 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 מאפשרת לכם להציג רשומות מרובות ממערך רשומות בתוך דף.כל בחירת נתונים דינמית יכולה להפוך לאזור חוזר.עם זאת, האזורים הנפוצים ביותר הם טבלה, שורת טבלה או סדרה של שורות טבלה.
הבחירה יכולה להיות כל דבר, כולל טבלה, שורת טבלה או אפילו פסקת טקסט.
לבחירה מדויקת של אזור בדף, תוכלו להשתמש בבורר התגים בפינה השמאלית של חלון המסמך.לדוגמה, אם האזור הוא שורת טבלה, לחצו בתוך השורה בדף, ואז לחצו על התג <tr> הימני ביותר בבורר התגים כדי לבחור את שורת הטבלה.
בחלון המסמך מופיע קו מתאר דק, אפור ובעל לשוניות סביב האזור החוזר.
שינוי אזורים חוזרים בלוח המאפיינים
שם האזור החוזר.
ערכת הרשומות המספקת את הרשומות עבור האזור החוזר.
מספר הרשומות המוצגות
כשאתם בוחרים אפשרות חדשה, Dreamweaver מעדכן את העמוד.
שימוש חוזר בערכות רשומות של PHP
לערכת לימוד על שימוש חוזר ברשומות רשומות PHP, ראו את ערכת הלימוד של דיוויד פאוורס, How Do I Reuse a PHP Recordset in More Than One Repeat Region?
יצירת טבלה דינמית
הדוגמה הבאה מדגימה כיצד מיושם התנהגות השרת של האזור החוזר על שורת טבלה, ומציינת שתשע רשומות מוצגות בכל עמוד.השורה עצמה מציגה ארבע רשומות שונות: עיר, מדינה, כתובת רחוב ומיקוד.
כדי ליצור טבלה כמו זו בדוגמה הקודמת, עליכם ליצור טבלה שמכילה תוכן דינמי ולהחיל את התנהגות השרת של האזור החוזר על שורת הטבלה שמכילה את התוכן הדינמי.כאשר הדף עובר עיבוד על ידי שרת היישום, השורה חוזרת על עצמה במספר הפעמים שהוגדר באובייקט השרת "Repeating Region", כאשר רשומה שונה מוכנסת בכל שורה חדשה.
בחרו Insert > Data Objects > Dynamic Data > Dynamic Table כדי להציג את תיבת הדו-שיח Dynamic Table.
מקטגוריית 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
לפני שתצרו מונה רשומות מותאם אישית לעמוד, עליכם קודם ליצור קבוצת רשומות לעמוד, פריסת עמוד מתאימה שתכיל את התוכן הדינמי, וסרגל ניווט לקבוצת הרשומות.
הדוגמה הזו יוצרת מונה רשומות שמופיע בדומה לדוגמה ב"מוני רשומות פשוטים." בדוגמה זו, הטקסט בגופן סאנס-סריף מייצג את מציני מקום לספירת הרשומות שיוכנסו בעמוד.מונה הרשומות בדוגמה זו מופיע כך:
מציג רשומות StartRow עד EndRow מתוך RecordSet.RecordCount.
מציג רשומות עד מתוך.
מציג רשומות עד של {Recordset1.RecordCount}.
מציג רשומות {StartRow_Recordset1} עד של {Recordset1.RecordCount}.
מציג רשומות {StartRow_Recordset1} עד {EndRow_Recordset1} של {Recordset1.RecordCount}.
מציג רשומות 1 עד 8 של 40.
אם לדף התוצאות יש קישור ניווט למעבר לקבוצת הרשומות הבאה, לחיצה על הקישור מעדכנת את מונה הרשומות לקריאה כדלקמן:
מציג רשומות 9 עד 16 של 40.
שימוש בתבניות נתונים מוגדרות מראש
Dreamweaver כולל כמה פורמטי נתונים מוגדרים מראש שאתם יכולים להחיל על אלמנטי נתונים דינמיים. סגנונות פורמט הנתונים כוללים פורמטים של תאריך ושעה, מטבע, מספריים ואחוזים.
החלת תבניות נתונים על תוכן דינמי
אם החץ למטה אינו מוצג, הרחב את החלונית.
וודאו שפורמט הנתונים מתאים לסוג הנתונים שאתם מעצבים. לדוגמה, פורמטי המטבע עובדים רק אם הנתונים הדינמיים מורכבים מנתונים מספריים. שימו לב שאתם לא יכולים להחיל יותר מפורמט אחד על אותם נתונים.
התאמה אישית של תבנית נתונים
פתחו עמוד שמכיל נתונים דינמיים בתצוגת עיצוב.
בחרו את הנתונים הדינמיים שאתם רוצים ליצור פורמט מותאם אישית עבורם.
פריט הנתונים הקשור שבחרת בטקסט הדינמי שלו מסומן בחלונית Bindings (Window > Bindings). החלונית מציגה שתי עמודות לפריט שנבחר - Binding ו-Format. אם העמודה Format מוסתרת, הרחב את החלונית Bindings כדי להציגה.
בלוח הקישורים, לחצו על החץ למטה בעמודת הפורמט כדי להרחיב את התפריט הקופץ של פורמטי הנתונים הזמינים.
אם החץ למטה אינו מוצג, הרחב את החלונית Bindings עוד יותר.
בחר באפשרות Edit Format List בתפריט הנפתח.
השלימו את תיבת הדו-שיח ולחצו על OK.
א.בחרו את הפורמט מהרשימה ולחצו על עריכה.
ב. שנו כל אחד מהפרמטרים הבאים בתיבות הדו-שיח מטבע, מספר או אחוז, ולחצו על OK.
- מספר הספרות המוצג אחרי הנקודה העשרונית
- אם למקם את הספרה אפס לפני שברים
- אם להשתמש בסוגריים או בסימן מינוס לערכים שליליים
- אם לקבץ ספרות
c. כדי למחוק פורמט נתונים, לחצו על הפורמט ברשימה, ולחצו על לחצן המינוס (-).
יצירת תבנית נתונים (ASP בלבד)
בחר בנתונים הדינמיים שברצונך ליצור להם תבנית מותאמת אישית.
למרות ש-Dreamweaver תומך רק ביצירת פורמטי נתונים עבור דפי ASP, משתמשי ColdFusion ו-PHP יכולים להוריד פורמטים שיצרו מפתחים אחרים, או ליצור פורמטי שרת ולפרסם אותם ב-Dreamweaver Exchange.למידע נוסף על ה-Server Format API, ראו הרחבת Dreamweaver (עזרה > הרחבת Dreamweaver > פורמטי שרת).
פריטים דומים נוספים
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.