PracticU

יצירת Sections

בלי כתוביותעם כתוביות
PracticU › קורס MVC › יצירת Sections
מילון מושגים:
MVC - דפוס ארכיטקטורה שמפריד יישום לשלושה חלקים: מודל (נתונים), תצוגה (View) ובקר (Controller).
View - רכיב שאחראי על הצגת המידע למשתמש (התצוגה) בדפוס MVC. גם טבלה וירטואלית מבוססת שאילתה במסד נתונים.
סקריפט - קובץ המכיל רצף פקודות שמבוצעות על ידי מפרש, לרוב כדי להפוך משימות לאוטומטיות.

יצירת Sections
השיעור מסביר Section ב-MVC: חלק של View שהלייאוט מגדיר איפה הוא ישתלב, אבל התוכן שלו נקבע בתוך ה-View עצמו. כך כל View יכול להגדיר כותרת או סקריפטים משלו בלי לשכפל את הלייאוט.
השלבים העיקריים
1. הגדרה בלייאוט: בקובץ הלייאוט נכתבת הפקודה @RenderSection("Header") במקום שבו רוצים את התוכן. הלייאוט קובע את המיקום, וה-View קובע את התוכן.
2. הגדרה ב-View: בתוך ה-View כותבים בלוק @section Header { ... } ובו התוכן, למשל כותרת h1. כך הכותרת מופיעה במקום שהלייאוט הגדיר, ולא בתוך גוף הדף.
3. Section חובה: ברירת המחדל היא שה-View חייב להגדיר את הסקשן. אם לא, MVC מציג שגיאה.
4. בדיקת קיום: כדי ש-View יוכל להחליט אם להגדיר סקשן, בודקים בלייאוט IsSectionDefined("Header"), ומבצעים RenderSection רק אם הוא קיים.
5. סקשן אופציונלי: לחלופין, RenderSection("Scripts", false) מסמן שהסקשן אינו חובה, ולכן View שלא מגדיר אותו לא יגרום לשגיאה.
שימו לב
סקשן לא יכול להיות מוצג בלייאוט אם ה-View לא הגדיר אותו, אלא אם סומן כאופציונלי. לכן כותרת שחייבת להופיע מוגדרת כחובה, וסקריפטים שלא בכל דף מוגדרים כאופציונליים.
אחרי השיעור תוכלו להגדיר סקשן בלייאוט ולמלא אותו בכמה Views שונים.
השיעור הבא בקורס: הגדרת נתיבים - Routes
מילון מושגים:
קוד מקור - הקוד שמפתחים כותבים בשפת תכנות, לפני הידור, המגדיר את פעולת התוכנה.
MVC - דפוס ארכיטקטורה שמפריד יישום לשלושה חלקים: מודל (נתונים), תצוגה (View) ובקר (Controller).

להורדת קוד מקור של כל הדוגמאות בקורס MVC – לחץ כאן


פרקי ההרצאה: יצירת Sections

  1. 00:00

    מה זה Section ב-Layout

  2. 00:37

    Controller עם רשימת אנשים

  3. 01:50

    View שמציג את האנשים

  4. 03:43

    כותרת לכל View מתוך ה-Layout

  5. 04:38

    RenderSection בשם Header

תמלול ההרצאה: יצירת Sections

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

  1. 00:01

    כעת אנחנו הולכים לראות משהו שנקרא סקשן זה חלק שאנחנו יכולים לשלב בתוך הלייאוט הכללי אבל מי שמגדיר איך נראה החלק הזה זה ה-view שאליו אנחנו גולשים בואו נראה מה הכוונה נניח שיש לנו כאן מודל אדם יש לו first name ו-last name כמו כן יש לנו את הלייאוט הכללי שמגדיר את ה-render body איפה המידע של ה-view הולך להשתלב ויש לנו את ה-view start שמגדיר עבור

  2. 00:34

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

  3. 01:49

    הליסט הזאת בתוך ה-view וניצור לנו view נגדיר שהטיפוס הוא מרחב שמות sections בתוך models יש לנו person אוקיי עכשיו בוא נניח שאנחנו רוצים להציג את ה-view עצמו כלומר המידע שהדף מציג זה האנשים עצמם אז בואו נלך על ידי for each person נגדיר כאן using למעלה שלא נצטרך לרשום את זה שוב זה מרחב השמות וכעת אנחנו יכולים שוב לחזור

  4. 02:48

    על הפקודה person p in מודל נציג p.first name נראה את שורה ונציג p last name ויש לזכור שאנחנו בליסט של פרסון בואו נגלוש לדף ונקבל את הרשימה נרד פה שורה בין כל אחד הפרש יפה פה לא צריך לרדת שורה אפשר לשים פה פן רקע טוב מה זה סקשן סקשן זה בעצם חלק שאנחנו מגדירים בלייאוט בכל לייאוט שהוא ואנחנו יכולים להגדיר

  5. 03:51

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

  6. 04:18

    קו הפרדה שאנחנו רוצים בכל ה-views שלנו בין הכותרת לבין ה-body וזה התוכן של ה-view. קו הפרדה הזה חוזר בכולם ולכן רצוי שהוא יהיה ב-layout הכללי, אבל גם ה-view צריך להגדיר את הכותרת וגם ה-view הוא צריך להגדיר את ה-Body ולכן יש לנו פה ב-MVC אפשרות לשלב משהו שנקרא Section.

  7. 04:44

    זה מתבצע על ידי הפקודה Render - Section. כאן אנחנו נותנים לה בדיוק איזה חלק ה-View חייב לשלב בדיוק במקום הזה. בואו נקרא לחלק הזה "Header". זאת הכותרת הכללית שאנחנו רוצים שה-View ישלב.

  8. 05:03

    כעת מה שנשאר לנו לעשות זה ללכת ל-View ולהגדיר מהו החלק שהוא אמור לשלב בדיוק במקום הזה. ובואו נחזור ל-View. זה לא משנה איפה בוויו אנחנו מגדירים את זה.

  9. 05:18

    בואו נגדיר את זה פה.

לקורס המלא: קורס MVC אונליין בעברית

ההרצאה הקודמת: יצירת Partial View

ההרצאה הבאה: הגדרת נתיבים - Routes

הרצאות קשורות מקורסים אחרים

  • חלוקה של זיכרון למחיצות - Memory Sections

קורסים נוספים במסלול

  • קורס Entity Framework Core - עבודה עם מסד נתונים בדוט-נט
  • קורס דוט-נט - NET Core. - עם Rest API
  • קורס ASP.NET
  • קורס Git ו-GitHub עם Visual Studio