PracticU

שימוש באזורים - Areas

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

שימוש באזורים - Areas
בשיעור מוצגים Areas ב-MVC: דרך לחלק אתר גדול לאזורים נפרדים, שכל אחד מהם מכיל קונטרולרים, מודלים ו-Views משלו.
השלבים העיקריים
1. הבעיה: באתר גדול מאות קונטרולרים וקבצי View מתערבבים, וקשה לתחזק ולהבין אותו. Area מפריד תחום שלם, למשל ספקים או ניהול, לתוך מבנה עצמאי.
2. יצירת Area: בלחיצה ימנית על הפרויקט בוחרים Add Area, והמערכת יוצרת את התיקייה Areas עם תיקיות קונטרולרים, מודלים, Views ו-Shared, וקובץ רישום של הראוטים לאזור.
3. קונטרולר באזור: הקונטרולר והאינדקס באזור נבנים כמו בקונטרולר רגיל. כדי לגלוש לאזור מוסיפים את שם האזור לכתובת.
4. Layout משותף: בהתחלה ה-Layout של האתר לא הגיע לאזור. התיקון הוא להעתיק את קובץ ViewStart לתיקיית ה-Views של האזור, כך שהוא ישתמש ב-Layout הראשי.
5. הסרת התחילית: אפשר להסיר את שם האזור מהכתובת בקובץ רישום הראוטים, אם רוצים שהאזור ייראה כחלק מהאתר הרגיל.
שימו לב
המרצה מדגים שני אזורים, ספקים ואדמין. כל אחד מהם מכיל קונטרולרים, מודלים ו-Views משלו, וכל אחד מהם מופיע כאזור נפרד באתר.
בסוף השיעור כל תחום באתר נמצא באזור נפרד עם מבנה ברור משלו.
השיעור הבא בקורס: סוגי פרויקטים נוספים ב-MVC
מילון מושגים:
קוד מקור - הקוד שמפתחים כותבים בשפת תכנות, לפני הידור, המגדיר את פעולת התוכנה.
MVC - דפוס ארכיטקטורה שמפריד יישום לשלושה חלקים: מודל (נתונים), תצוגה (View) ובקר (Controller).

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


פרקי ההרצאה: שימוש באזורים - Areas

  1. 00:00

    מהו Area בפרויקט MVC

  2. 00:53

    הפרדת חלקים בפרויקט

  3. 01:30

    הגדרת Layout וצבע רקע

  4. 02:06

    הוספת Area לספקים

  5. 02:43

    תיקיות ה-Area וקובץ ה-routes

תמלול ההרצאה: שימוש באזורים - Areas

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

  1. 00:01

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

  2. 00:29

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

  3. 00:51

    איך זה מתבצע? יש לנו פה קודם כל פרויקט חדש שפתחתי, קראתי לו areas יכול להיות לו כל שם אחר ויש לו את הקונטרולרס את המודלס ואת הviews שלו בואו נוסיף קונטרולר נקרא לו home בתוך הקונטרולר נוסיף לפונקציה view יש לנו פונקציה ראשונה בואו נבצע גלישה נראה שזה עובד נגדיר בלייאוט איזשהו צבע נגדיר background color

  4. 01:32

    light משהו בואו ניקח light blue נראה שזה תופס כי אנחנו רוצים לראות שהלייאוט הזה תופס גם לאזורים אחרים בפרויקט עכשיו עכשיו איך אנחנו מגדירים אזור נפרד לגמרי באתר שלנו?

  5. 01:49

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

  6. 02:00

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

  7. 02:11

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

  8. 02:22

    אז אנחנו פותחים Area עבור Suppliers. עכשיו שימו לב מה קרה. אוטומטית נוצרו לנו באתר סדרה של תיקיות של קונטרולרים, מודלים ו-Views, כולל Shared, כולל Web Config ששייך ל-Area הזה, כולם בתוך תיקייה שנקראת Areas.

  9. 02:43

    בנוסף, יש לנו פה קובץ שנקרא Suppliers Area Registration, והוא מגדיר את הראוטס עבור האזור הזה, עבור האריה של הסופליירס.

  10. 02:55

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

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

ההרצאה הקודמת: יצירת שירות Web API

ההרצאה הבאה: סוגי פרויקטים נוספים ב-MVC

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

  • שימוש ב-useEffect - חלק 1
  • שימוש ב-ModelState
  • בדיקות מקרי שימוש
  • שימוש בנתונים מ-CSV

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

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