Multiple Pages - שימוש במספר דפים

תמלול ההרצאה: Multiple Pages - שימוש במספר דפים

הטקסט המלא של הדקות הראשונות בהרצאה «Multiple Pages - שימוש במספר דפים» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:01

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

2. 00:20

   בואו נפתח אתר חדש, נצרף דף הבית, place code in separate file, וזה תמיד טוב במידה ויש לי קוד c-sharp, וכעת יש לי דף אחד. בואו נצרף דף נוסף, בכדי שתהיה לנו אפשרות לגלוש אליו, שהדף הזה זה דף המוצרים שלנו.

3. 01:43

   נשים את הדף הראשון כ-set as start page. אני רוצה עכשיו שתהיה לי אפשרות לגלוש מהדף הראשון לדף השני. אז בואו נראה כמה דברים שמאפשרים לי לעשות את זה.

4. 02:03

   הדבר הראשון, אני יכול להשתמש בהיפרלינק רגיל לגמרי. רכיב ASP.NETI, אנחנו יכולים לראות את ה-ID ואת run את שווה סרבר, שמבצע רנדרינג ללינק, כלומר לתגית A.

5. 02:45

   יש לנו כאן Navigate URL שמאפשר לי לבחור את הדף השני, לדוגמה products.aspx. סימן שאנחנו רואים פה הגל הזה נקרא טילדה, והוא מציין את הנתיב המלא לתיקיית האתר, כלומר דף Products, אנחנו יכולים לראות אותו כשהוא נמצא פה, אכן נמצא בתיקיית האתר, לכן יש לנו כאן את הנתיב המלא לתיקיית האתר, שם נמצא Products,

6. 03:29

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

7. 03:50

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

8. 04:41

   כעת אני רואה את הלינק. לפני שאני אלחץ עליו בואו נסתכל על view source. אני רואה שהרנדרינג של תגית Hyperlink הפכה לתגית A רגילה.

9. 04:56

   אני רואה שיש לי פה את הטקסט ואני רואה שה-HRF מביא אותי לנתיב היחסי לפרודקטס.aspx. מה שקרה וש-asp.net ראתה שפרודקטס נמצא בתיקיית האתר, בנתיב הראשי, כלומר בתיקייה הראשית של האתר והיא ראתה שה-homepage נמצא באותה תיקייה בדיוק ולכן אספי.נט ידעה לשים כאן

10. 05:23

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

11. 05:42

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

12. 06:03

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

13. 06:30

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

14. 06:48

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

15. 07:44

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

16. 08:13

    בואו נסתכל רגע על ה-view source. מבחינת הרנדרינג, מבחינת html שניהם נראים לינקים רגילים. אז מה בעצם ההבדל? ההבדל הוא כזה: לינק בטון יכול לשמש אותי בטון, כלומר כלחצן שמכיל אירוע שמתבצע בצד השרת.

17. 08:56

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

18. 09:34

    נלך לדיזיינר ונלחץ עליו דאבל קליק. רואה שפתאום נפתח לי אירוע ב-C-Sharp. באירוע הזה אני יכול לעשות פעולה שבדרך כלל תהיה גלישה לדף יעד. אנחנו ראינו באחד השיעורים הקודמים איך אני יכול לבצע גלישה לדף יעד על ידי שימוש ב-Response.