ASP.NET CORE MVC LE VIEW

CREARE LA PRIMA VIEW DI CONTENUTO

NET CORE

Razor è il nome del view-engine, cioè quel componente che all’interno delle applicazioni .NET Core MVC si occupa di elaborare le view per produrre HTML.

Le view sono composte da codice HTML misto a codice C#, da qui l’estensione .cshtml. Vediamo dove vanno create le view e la suddivisione delle directory.

Prima view
Struttura directory

Il nome della View deve essere la stessa di quella della Action all’interno del Controller. Modifichiamo il Controller e visualizziamo il risultato.

CoursesController
Browser

CREARE LA VIEW DI LAYOUT

Tutti gli elementi di contorno header, footer, body quindi gli elementi HTML del documento stesso, sono elementi comuni che riguardano tutte le view, per questo dovremmo spostarli dalle pagine di contenuto e inserirle in View di Layout in modo da essere riutilizzate facilmente in ogni View di contenuto.

Parti duplicate

La figura mostra come vengono create le view combinando la View di Layout e la View di contenuto.

Layout

L’istruzione @RenderBody() dice all’engine Razor come devono essere combinate la View di Layout contenente le parti fisse comuni a ciascuna View e la View di contenuto, con markup specifico per ogni View per formare la View completa. L’istruzione @RenderSection(“scripts”, false) indica se alcune sezioni devono essere presenti nelle View di contenuto tramite il parametro booleano.

Body e section

Abbiamo eliminato il codice ripetuto, tuttavia ancora ci sono alcune parti, ad esempio nell’istruzione Layout che viene ripetuta sulle tre view di contenuto. Possiamo rimediare anche a questo introducendo la View _ViewStart.cshtml. Dentro questa View metteremo tutte le istruzioni comuni alle view di contenuto.

_ViewStart

LINK AL CODICE SU GITHUB

GITHUB

Scaricare il codice della sezione07.