בניית דפי אב ופרטים ב-Dreamweaver

עודכן לאחרונה בתאריך 25 באפריל 2024

למדו כיצד לבנות דף ראשי ב-Dreamweaver וליצור קישורים לדף פרטים.

פתק

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

אודות דפי אב ופרטים

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

דף אב

דף פרטים

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

בניית דף אב

לפני שאתם מתחילים, ודאו שאתם מגדירים חיבור מסד נתונים לאתר שלכם.

ליצירת דף ריק, בחרו File > New > Blank Page, בחרו סוג דף ולחצו על Create.דף זה הופך לדף האב.
הגדר ערכת רשומות.

בלוח Bindings (Windows > Bindings), לחצו על הלחצן Plus (+), בחרו Recordset ובחרו אפשרויות.אם ברצונך לכתוב הצהרת SQL משלך, לחץ על Advanced.

ודאו שה-recordset מכיל את כל עמודות הטבלה שאתם צריכים כדי ליצור את הדף הראשי שלכם.ה-recordset חייב לכלול גם את עמודת הטבלה המכילה את המפתח הייחודי של כל רשומה - כלומר, עמודת מזהה הרשומה.בדוגמה הבאה, עמודת Code מכילה את המפתח הייחודי של כל רשומה.

עמודות בערכת רשומות שנבחרו לדף אב

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

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

הוסף טבלה דינמית להצגת הרשומות.

מקמו את נקודת ההכנסה במקום שבו אתם רוצים שהטבלה הדינמית תופיע בדף.בחרו Insert > Data Objects > Dynamic Data > Dynamic Table, הגדירו את האפשרויות ולחצו על OK.

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

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

פתק

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

פתחו את דף הפרטים והעבירו מזהה רשומה (ColdFusion, PHP)

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

ב-Property inspector, לחצו על סמל התיקייה ליד תיבת ה-Link.
בצע עיון ובחר בדף הפרטים. דף הפרטים מופיע בתיבת ה-Link ב-Property Inspector.

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

בדף האב, בחר קישור בטבלה הדינמית.
(ColdFusion) בתיבת ה-Link ב-Property inspector, הוסיפו את המחרוזת הבאה בסוף ה-URL:

?recordID=#recordsetName.fieldName#

סימן השאלה אומר לשרת שמה שמופיע אחריו הוא פרמטר אחד או יותר של ה-URL.המילה recordID היא השם של פרמטר ה-URL (אתם יכולים להמציא כל שם שתרצו). רשמו את השם של פרמטר ה-URL כי תשתמשו בו בדף הפרטים מאוחר יותר.

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

locationDetail.cfm?recordID=#rsLocations.CODE#

כשהדף פועל, הערכים של שדה ה-CODE של ערכת הרשומות מוכנסים לשורות המתאימות בטבלה הדינמית. לדוגמה, אם מיקום השכירות קנברה, אוסטרליה, כולל את הקוד CBR, ה-URL הבא משמש בשורת קנברה בטבלה הדינמית:

locationDetail.cfm?recordID=CBR

(PHP) בשדה ה-Link ב-Property inspector, הוסיפו את המחרוזת הבאה בסוף ה-URL:

?recordID=<?php echo $row_recordsetName['fieldName']; ?>

סימן השאלה אומר לשרת שמה שבא אחריו הוא פרמטר אחד או יותר של URL. המילה recordID היא השם של פרמטר ה-URL (תוכלו להשתמש בכל שם שתרצו). רשמו את שם פרמטר ה-URL כיוון שתשתמשו בו בעמוד הפרטים מאוחר יותר.

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

locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

כשהעמוד פועל, הערכים של שדה CODE של ה-recordset מוכנסים בשורות המתאימות בטבלה הדינמית. לדוגמה, אם למיקום ההשכרה קנברה, אוסטרליה, יש את הקוד CBR, נעשה שימוש ב-URL הבא בשורת קנברה בטבלה הדינמית:

locationDetail.php?recordID=CBR

שמור את הדף.

פתחו את עמוד הפרטים והעבירו מזהה רשומה (ASP)

בחרו את התוכן הדינמי שישמש כקישור.
בלוח Server Behaviors (Window > Server Behaviors), לחצו על הלחצן Plus (+), ובחרו Go to Detail Page מהתפריט הקופץ.
בתיבה Detail Page, לחץ על Browse ואתר את הדף.
ציינו את הערך שאתם רוצים להעביר לעמוד הפרטים על ידי בחירת recordset ועמודה מהתפריטים הקופצים Recordset ו-Column. בדרך כלל הערך הוא ייחודי לרשומה, כגון מפתח המזהה הייחודי של הרשומה.
אם תרצו, העבירו פרמטרי עמוד קיימים לעמוד הפרטים על ידי בחירת האפשרויות URL Parameters או Form Parameters.
לחץ על OK.

קישור מיוחד מקיף את הטקסט שנבחר. כשהמשתמש לוחץ על הקישור, התנהגות השרת Go To Detail Page מעבירה פרמטר URL שמכיל את מזהה הרשומה לעמוד הפרטים. לדוגמה, אם פרמטר ה-URL נקרא id ועמוד הפרטים נקרא customerdetail.asp, ה-URL נראה בערך כך כשהמשתמש לוחץ על הקישור:

http://www.mysite.com/customerdetail.asp?id=43

החלק הראשון של ה-URL, http://www.mysite.com/customerdetail.asp, פותח את עמוד הפרטים. החלק השני, ‎?id=43, הוא פרמטר URL. הוא מוסר לדף הפרטים איזו רשומה עליו לחפש ולהציג. המונח id הוא השם של פרמטר ה-URL ו-43 הוא הערך שלו. בדוגמה הזו, פרמטר ה-URL מכיל את מספר המזהה של הרשומה, 43.

מצאו והציגו את הרשומה המבוקשת בעמוד הפרטים

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

עבור לדף הפרטים. אם עדיין אין לכם עמוד פרטים, צרו עמוד ריק (קובץ > חדש).
בלוח קישורים (חלון > קישורים), לחצו על הלחצן פלוס (+) ובחרו Recordset (שאילתה) או DataSet (שאילתה) מהתפריט הקופץ.

תיבת הדו-שיח RecoRDSet או DataSet הפשוטה מופיעה. אם תיבת הדו-שיח המתקדמת מופיעה במקום זאת, לחצו על פשוט.

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

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

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

כדי לכלול רק חלק מ עמודות הטבלה ברשומה, לחצו על נבחרים ובחרו את העמודות הרצויות על ידי לחיצת Control (Windows) או Command (Macintosh) עליהן ברשימה.

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

  • מהתפריט הקופץ לצד התפריט הראשון, בחרו את סימן השווה (הוא כבר אמור להיות נבחר).

  • בתפריט הנפתח השלישי, בחר URL Parameter. עמוד המאסטר משתמש בפרמטר URL כדי להעביר מידע לעמוד הפרטים.

  • בתיבה הרביעית, הזינו את שם פרמטר הכתובת שהועבר על ידי העמוד הראשי.

לחץ על OK. ערכת הרשומות מופיעה בחלונית Bindings.
קשרו את עמודות הרשומה לעמוד הפרטים על ידי בחירת העמודות בלוח הקישורים (חלון > קישורים) וגרירתן אל הדף.

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

מצאו רשומה ספציפית והציגו אותה בעמוד (ASP)

תוכלו להוסיף התנהגות שרת שמוצאת רשומה ספציפית במערך רשומות כדי שתוכלו להציג את נתוני הרשומה בעמוד.התנהגות השרת זמינה רק בעת שימוש במודל שרת ASP.

צור דף הכולל את הדרישות המוקדמות הבאות:
הוסיפו את התנהגות השרת כדי למצוא את הרשומה שצוינה על ידי פרמטר ה-URL על ידי לחיצה על לחצן הפלוס (+) בלוח התנהגויות השרת (Window > Server Behaviors) ובחרו Recordset Paging > Move to Specific Record.
בתפריט Move To Record In הקופץ, בחרו את מערך הרשומות שהגדרתם עבור הדף.
בתפריט Where Column הקופץ, לבחרו את העמודה שמכילה את הערך שמועבר על ידי הדף השני.

לדוגמה, אם הדף השני מעביר מספר ID של רשומה, בחרו את העמודה שמכילה מספרי ID של רשומות.

בתיבת Matches URL Parameter, הזינו את שם פרמטר ה-URL שמועבר על ידי הדף השני.

לדוגמה, אם ה-URL שהדף השני השתמש בו כדי לפתוח את דף הפירוט הוא id=43, הזינו id בתיבת Matches URL Parameter.

לחץ על OK.

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

בנו דפי מאסטר ופירוט בפעולה אחת

בעת פיתוח יישומי אינטרנט, אפשר לבנות במהירות דפי מאסטר ופירוט באמצעות אובייקט הנתונים Master Detail Page Set.

ליצירת דף דינמי ריק, בחרו File > New > Blank Page, בחרו דף דינמי מרשימת Page Type ולחצו על Create.

דף זה הופך לדף האב.

הגדר ערכת רשומות לדף.

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

פתחו את דף המאסטר בתצוגת Design ובחרו Insert > Data Objects > Master Detail Page Set.
בתפריט Recordset הקופץ, ודאו שמערך הרשומות שמכיל את הרשומות שאתם רוצים להציג על דף המאסטר נבחר.
באזור Master Page Fields, בחרו את עמודות מערך הרשומות להצגה בדף המאסטר.

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

לשינוי הסדר שבו העמודות מופיעות בדף המאסטר, בחרו עמודה ברשימה ולחצו על החץ למעלה או למטה.

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

בתפריט Link To Detail From הקופץ, בחרו את העמודה במערך הרשומות שתציג ערך שמשמש גם כקישור לדף הפירוט.

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

בתפריט הקופץ Pass Unique Key, בחרו את העמודה במערך הרשומות המכילה ערכים המזהים את הרשומות.

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

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

אפשרות זו נבחרת כברירת מחדל; היא לא מופיעה עבור כל מודלי השרת.

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

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

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

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

לחץ על OK.

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

התאימו את הפריסה של העמוד הראשי ועמוד הפירוט לצרכים שלכם.

אתם יכולים להתאים באופן מלא את הפריסה של כל עמוד באמצעות כלי עיצוב העמודים של Dreamweaver. אתם יכולים גם לערוך את התנהגויות השרת על ידי לחיצה כפולה עליהן בלוח Server Behaviors.

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