ASP.NET MVC - Aspecte

Pe măsură ce dezvoltăm o aplicație web, trebuie să dezvoltăm, de asemenea, care este partea sa externă și estetică, adică ceea ce vede utilizatorul. O parte din asta o face antetul paginii, meniul, subsolul etc..
Acest lucru îl menționăm este conținut static și, de obicei, se schimbă foarte puțin în timpul vieții aplicației, de obicei se schimbă atunci când există unul nou. Privește și simte, adică o reproiectare sau când adăugăm noi componente care trebuie reflectate.
Pentru a lucra cu aceste tipuri de elemente, trebuie să folosim macheteAcest lucru ne permite să scriem antetul o singură dată, de exemplu, și făcând acest lucru mai târziu îl putem include în alte părți fără a fi nevoie să îl rescriem.
Aspecte
Cu utilizarea Aparat de ras Putem scrie șabloane care se comportă ca containere de vizualizare, adică o vizualizare care va conține altele, așa cum am explicat, obiectivul acestui lucru este de a scrie cea mai mică cantitate de cod posibil și de a omogeniza aspectul aplicației noastre.
De ce să folosiți aspectele?Dacă avem, de exemplu, un web de bază cu un antet, cel mai logic lucru este că diferitele vizualizări folosesc acel antet, deci în loc să scriem codul său de mai multe ori în fiecare vizualizare, facem un aspect și îl includem în diferitele puncte de vedere.
Conținutul fișierului _Layout.cshtml
Când generați un nou proiect web în cadrul nostru dosar vizualizări, avem un fișier numit _Layout.cshtml, în acest fișier avem șablonul nostru principal care va funcționa ca un container de vizualizări pe care l-am explicat în punctul anterior.
Să vedem în următoarea imagine codul sursă pe care îl conține acest fișier:

Dacă am detalia, avem un fișier HTML normal, totuși ceea ce ne interesează este codul Aparat de ras, începem cu eticheta de titlu, dacă ne uităm la Razor indică @ View.Title, aceasta înseamnă că trebuie să imprimați un parametru Titlu care vine din vedere, apoi continuăm cu celelalte secțiuni unde @RenderSection ([nume]) ne permite să imprimăm conținut indicând în vizualizarea care merge la fiecare secțiune și în cele din urmă @RenderBody () va imprima conținutul corpului.
După cum putem vedea, este ceva destul de modular, dacă acum vedem un cod al unei vizualizări, putem înțelege modul în care acestea sunt direct legate:

 @ {Aspect = "~ / _Layout.cshtml"; } @section Header {
Vizualizați conținutul antetului
} @section Footer {Copyright @ DateTime.Now.Year}Acesta este conținutul corpului vederii

În această perspectivă, ceea ce am făcut mai întâi este să indicăm că va folosi fișierul _Layout.cshtml ca bază, atunci vă spunem ce va transporta fiecare secțiune, de exemplu @section Header, ceea ce conține acest bloc este ceea ce va fi tipărit în @RenderSection („Antet”) ce am văzut în dosar _Layouts.cshtml.
AsocierePutem spune atunci că acest lucru va funcționa ca un puzzle și Aspect va plasa fiecare piesă pe care o identificăm unde aparține.
Cu aceasta terminăm acest tutorial și după cum putem vedea folosind Aspecte putem economisi rescrierea multor coduri și având o singură sursă pentru acest conținut paginile noastre vor fi mult mai omogene, dacă avem nevoie de secțiuni diferite, putem scrieți un al doilea sau al treilea aspect care ne permite să avem toate elementele pe care le vom folosi.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv