ASP.NET MVC - Layout

Mentre sviluppiamo un'applicazione web, dobbiamo anche sviluppare quella che è la sua parte esterna ed estetica, cioè ciò che l'utente vede. Parte di questo sta facendo il intestazione della pagina, menu, piè di pagina, ecc..
Ciò che menzioniamo è il contenuto statico e di solito cambia molto poco durante la vita dell'applicazione, di solito cambia quando ce n'è uno nuovo. Guardare e sentire, cioè una riprogettazione o quando aggiungiamo nuovi componenti che devono essere riflessi.
Per lavorare con questi tipi di elementi, dobbiamo usare il layoutQuesto ci permette di scrivere l'intestazione una sola volta, ad esempio, e così facendo in seguito possiamo includerla in altre parti senza doverla riscrivere.
layout
Con l'uso di Rasoio Possiamo scrivere modelli che si comportano come contenitori di viste, ovvero una vista che ne conterrà altri, come abbiamo spiegato, l'obiettivo di questo è scrivere la minor quantità di codice possibile e omogeneizzare l'aspetto della nostra applicazione.
Perché usare i layout?Se abbiamo, ad esempio, un web di base con un'intestazione, la cosa più logica è che le diverse viste usino quell'intestazione, quindi invece di scrivere il suo codice più volte in ogni vista, facciamo un disposizione e lo includiamo nelle diverse viste.
Contenuto del file _Layout.cshtml
Quando si genera un nuovo progetto web all'interno del nostro cartella visualizzazioni, abbiamo un file chiamato _Layout.cshtml, in questo file abbiamo il nostro template principale che funzionerà come contenitore di viste che abbiamo spiegato nel punto precedente.
Vediamo nell'immagine seguente il codice sorgente che questo file contiene:

Se dettagliamo, abbiamo un file HTML normale, ma quello che ci interessa è il codice Rasoio, iniziamo con il tag del titolo, se guardiamo Razor indica @ Visualizza.Titolo, questo significa che devi stampare un parametro Titolo che viene dalla vista, poi proseguiamo con le altre sezioni dove @RenderSection ([nome]) ci permette di stampare il contenuto indicando nella vista che va ad ogni sezione e infine @RenderBody () stamperà il contenuto del corpo.
Come possiamo vedere, è qualcosa di abbastanza modulare, se ora vediamo un codice di una vista, possiamo capire come sono direttamente correlati:

 @ {Layout = "~ / _Layout.cshtml"; } @intestazione della sezione {
Visualizza il contenuto dell'intestazione
} @section Footer {Copyright @ DateTime.Now.Year}Questo è il contenuto del corpo della vista

In questa vista, ciò che abbiamo fatto prima è indicare che utilizzerà il file _Layout.cshtml come base, quindi ti diciamo cosa porterà ogni sezione, ad esempio @intestazione della sezione, ciò che contiene questo blocco è ciò che verrà stampato nel @RenderSection ("Intestazione") quello che abbiamo visto nel file _Layout.cshtml.
AssociazionePossiamo dire quindi che questo funzionerà come un puzzle e il Disposizione metterà ogni pezzo che identifichiamo dove appartiene.
Con questo finiamo questo tutorial e come possiamo vedere usando il layout possiamo risparmiare riscrivendo molto codice e avendo un'unica fonte per questo contenuto le nostre pagine saranno molto più omogenee, se abbiamo bisogno di sezioni diverse possiamo scrivere un secondo o un terzo Layout che ci permette di avere tutti gli elementi che utilizzeremo.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo