למדו כיצד לבנות דף ראשי ב-Dreamweaver וליצור קישורים לדף פרטים.
ממשק המשתמש הפך לפשוט יותר ב-Dreamweaver ובגרסאות מתקדמות יותר. כתוצאה מכך, ייתכן שלא תמצא חלק מהאפשרויות המתוארות במאמר זה ב-Dreamweaver ובגרסאות מתקדמות יותר. לקבלת מידע נוסף, עיין במאמר זה.
אודות דפי אב ופרטים
דפים ראשיים ודפי פרטים הם קבוצות דפים המשמשות לארגון ולהצגת נתוני recordset.דפים אלה מספקים למבקר באתר שלכם גם סקירה כללית וגם תצוגה מפורטת.הדף הראשי מציג את כל הרשומות וכולל קישורים לדפי פרטים המציגים מידע נוסף על כל רשומה.
אתם יכולים לבנות דפים ראשיים ודפי פרטים על ידי הכנסת אובייקט נתונים ליצירת דף ראשי ודף פרטים בפעולה אחת או על ידי שימוש בהתנהגויות שרת לבניית הדפים הראשיים ודפי הפרטים בצורה מותאמת אישית יותר.כאשר אתם משתמשים בהתנהגויות שרת לבניית דפים ראשיים ודפי פרטים, תחילה אתם יוצרים דף ראשי לרישום הרשומות ואז מוסיפים קישורים מהרשימה לדפי הפרטים.
בניית דף אב
לפני שאתם מתחילים, ודאו שאתם מגדירים חיבור מסד נתונים לאתר שלכם.
בלוח 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)
בטבלה הדינמית, הטקסט שנבחר מופיע מקושר. כשהדף פועל על השרת, הקישור מוחל על הטקסט בכל שורת טבלה.
?recordID=#recordsetName.fieldName#
סימן השאלה אומר לשרת שמה שמופיע אחריו הוא פרמטר אחד או יותר של ה-URL.המילה recordID היא השם של פרמטר ה-URL (אתם יכולים להמציא כל שם שתרצו). רשמו את השם של פרמטר ה-URL כי תשתמשו בו בדף הפרטים מאוחר יותר.
הביטוי אחרי סימן השווה הוא הערך של הפרמטר. במקרה הזה, הערך נוצר על ידי ביטוי ColdFusion שמחזיר מזהה רשומה מערכת הרשומות. מזהה שונה נוצר לכל שורה בטבלה הדינמית. בביטוי ה-ColdFusion, החליפו את recordsetName בשם של ערכת הרשומות שלכם, והחליפו את fieldName בשם של השדה בערכת הרשומות שלכם שמזהה באופן ייחודי כל רשומה. ברוב המקרים, השדה יכלול מספר מזהה רשומה. בדוגמה הבאה, השדה כולל קודי מיקום ייחודיים.
locationDetail.cfm?recordID=#rsLocations.CODE#
כשהדף פועל, הערכים של שדה ה-CODE של ערכת הרשומות מוכנסים לשורות המתאימות בטבלה הדינמית. לדוגמה, אם מיקום השכירות קנברה, אוסטרליה, כולל את הקוד CBR, ה-URL הבא משמש בשורת קנברה בטבלה הדינמית:
locationDetail.cfm?recordID=CBR
?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)
קישור מיוחד מקיף את הטקסט שנבחר. כשהמשתמש לוחץ על הקישור, התנהגות השרת 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 הפשוטה מופיעה. אם תיבת הדו-שיח המתקדמת מופיעה במקום זאת, לחצו על פשוט.
הרשומה יכולה להיות זהה או שונה מ הרשומה בעמוד הראשי. בדרך כלל מערך רשומות של עמוד פרטים כולל עמודות נוספות כדי להציג פרטים נוספים.
אם קבוצות הרשומות שונות, ודאו שקבוצת הרשומות בעמוד הפרטים מכילה לפחות עמודה אחת משותפת עם קבוצת הרשומות בעמוד הראשי.העמודה המשותפת היא בדרך כלל עמודת מזהה הרשומה, אבל היא יכולה להיות גם שדה החיבור של טבלאות קשורות.
כדי לכלול רק חלק מ עמודות הטבלה ברשומה, לחצו על נבחרים ובחרו את העמודות הרצויות על ידי לחיצת Control (Windows) או Command (Macintosh) עליהן ברשימה.
מהתפריט הקופץ הראשון באזור המסנן, בחרו את העמודה במערך הרשומות המכילה ערכים התואמים לערך של פרמטר ה-URL שהועבר על ידי דף המאסטר.לדוגמה, אם פרמטר הכתובת מכיל מספר מזהה רשומה, בחרו את העמודה המכילה מספרי מזהה רשומות. בדוגמה שנדונה בקטע הקודם, עמודת ה-recordset הנקראת CODE מכילה את הערכים שתואמים לערך של פרמטר ה-URL שהועבר על ידי עמוד הבסיס.
מהתפריט הקופץ לצד התפריט הראשון, בחרו את סימן השווה (הוא כבר אמור להיות נבחר).
בתפריט הנפתח השלישי, בחר URL Parameter. עמוד המאסטר משתמש בפרמטר URL כדי להעביר מידע לעמוד הפרטים.
בתיבה הרביעית, הזינו את שם פרמטר הכתובת שהועבר על ידי העמוד הראשי.
לאחר העלאת עמוד הראשי ועמוד הפרטים לשרת, תוכלו לפתוח את העמוד הראשי בדפדפן.לאחר הלחיצה על קישור פרטים בעמוד הראשי, עמוד הפרטים נפתח עם מידע נוסף על הרשומה שנבחרה.
מצאו רשומה ספציפית והציגו אותה בעמוד (ASP)
תוכלו להוסיף התנהגות שרת שמוצאת רשומה ספציפית במערך רשומות כדי שתוכלו להציג את נתוני הרשומה בעמוד.התנהגות השרת זמינה רק בעת שימוש במודל שרת ASP.
מזהה רשומה הכלול בפרמטר URL שהועבר על ידי עמוד אחר לעמוד הנוכחי.תוכלו ליצור פרמטרי כתובת בעמוד האחר עם קישורי HTML או עם טופס HTML. למידע נוסף, ראו שימוש בטפסים לאיסוף מידע ממשתמשים.
ערכת רשומות שהוגדרה לדף הנוכחי. התנהגות השרת מחלצת את פרטי הרשומה ממערך הרשומות הזה.להוראות, ראו הגדרת מערך רשומות ללא כתיבת SQL או הגדרת מערך רשומות מתקדם באמצעות כתיבת SQL.
עמודות בערכת רשומות שנקשרו לדף. הרשומה הספציפית חייבת להיות מוצגת בדף.למידע נוסף, ראו הפיכת טקסט לדינמי.
לדוגמה, אם הדף השני מעביר מספר ID של רשומה, בחרו את העמודה שמכילה מספרי ID של רשומות.
לדוגמה, אם ה-URL שהדף השני השתמש בו כדי לפתוח את דף הפירוט הוא id=43, הזינו id בתיבת Matches URL Parameter.
בפעם הבאה שהדף יתבקש על ידי דפדפן, התנהגות השרת תקרא את ID הרשומה בפרמטר ה-URL שמועבר על ידי הדף השני ותעבור לרשומה שצוינה במערך הרשומות.
בנו דפי מאסטר ופירוט בפעולה אחת
בעת פיתוח יישומי אינטרנט, אפשר לבנות במהירות דפי מאסטר ופירוט באמצעות אובייקט הנתונים Master Detail Page Set.
דף זה הופך לדף האב.
ודאו שמערך הרשומות מכיל לא רק את כל העמודות שתזדקקו להן עבור דף המאסטר, אלא גם את כל העמודות שתזדקקו להן עבור דף הפירוט.בדרך כלל, מערך הרשומות בדף המאסטר מחלץ כמה עמודות מטבלת מסד נתונים בעוד שמערך הרשומות בדף הפירוט מחלץ עמודות נוספות מאותה טבלה כדי לספק את הפירוט הנוסף.
כברירת מחדל, כל העמודות בערכת הרשומות נבחרות. אם מערך הרשומות שלכם מכיל עמודת מפתח ייחודי כמו recordID, בחרו אותה ולחצו על לחצן המינוס (-) כך שהיא לא תוצג בדף שלכם.
בדף המאסטר, עמודות מערך הרשומות יסודרו אופקית בטבלה.לחיצה על חץ למעלה מזיזה את העמודה שמאלה; לחיצה על חץ למטה מזיזה את העמודה ימינה.
לדוגמה, אם אתם רוצים שכל שם מוצר בעמוד הראשי יכלול קישור לעמוד הפירוט, בחרו את עמודת מערך הרשומות המכילה את שמות המוצרים.
בדרך כלל, יש לבחור בעמודה המכילה את מספר מזהה הרשומה. הערך הזה מועבר לעמוד הפירוט כדי שיוכל לזהות את הרשומה שנבחרה על ידי המשתמש.
אפשרות זו נבחרת כברירת מחדל; היא לא מופיעה עבור כל מודלי השרת.
כברירת מחדל, כל העמודות במערך הרשומות של העמוד הראשי נבחרות. אם מערך הרשומות מכיל עמודת מפתח ייחודי כמו recordID, בחרו אותה ולחצו על הלחצן מינוס (-) כדי שלא תוצג בעמוד הפירוט.
בעמוד הפירוט, עמודות מערך הרשומות מסודרות באופן אנכי בטבלה. לחיצה על החץ למעלה מזיזה את העמודה למעלה; לחיצה על החץ למטה מזיזה את העמודה למטה.
אובייקט הנתונים יוצר עמוד פירוט (אם עדיין לא יצרתם אחד) ומוסיף תוכן דינמי והתנהגויות שרת לעמוד הראשי ולעמוד הפירוט.
אתם יכולים להתאים באופן מלא את הפריסה של כל עמוד באמצעות כלי עיצוב העמודים של Dreamweaver. אתם יכולים גם לערוך את התנהגויות השרת על ידי לחיצה כפולה עליהן בלוח Server Behaviors.
לאחר יצירת עמודים ראשיים ופירוט באמצעות אובייקט הנתונים, השתמשו בלוח Server Behaviors (Window > Server Behaviors) כדי לשנות את מרכיבי הבנייה השונים שאובייקט הנתונים מכניס לעמודים.
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.