ASP.NET Web Pages - Layout delle pagine

Con Web Pages, è facile creare siti web con un layout coerente.

Aspetto coerente

Sul Internet, troverai molti siti con un aspetto uniforme:

  • Ogni pagina ha la stessa intestazione
  • Ogni pagina ha lo stesso piè di pagina
  • Ogni pagina ha lo stesso stile e layout

Con Web Pages, è possibile implementare questi in modo efficiente. Puoi ottenere blocchi di codice riutilizzabili (blocchi di contenuto), come intestazioni e piè di pagina, in file indipendenti.

Puoi anche definire un layout coerente per tutte le pagine utilizzando modelli di layout (file di layout).

Blocchi di contenuto

Molti siti web hanno bisogno di contenuti che devono essere visualizzati su ogni pagina (ad esempio, intestazioni e piè di pagina).

Con Web Pages, è possibile utilizzare @RenderPage() Il metodo importa il contenuto da diversi file.

I blocchi di contenuto (da un altro file) possono essere inseriti in qualsiasi posizione nella pagina web e possono contenere testo, tag e codice, proprio come qualsiasi pagina web comune.

Usare intestazioni e piè di pagina comuni può risparmiare molto lavoro. Non è necessario scrivere lo stesso contenuto su ogni pagina e quando si modifica il file di intestazione o piè di pagina, il contenuto viene aggiornato su tutte le pagine.

Ecco come appare nel codice:

Esempio

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1> 
<pQuesto è un paragrafo</p>
@RenderPage("footer.cshtml")
</body>
</html>

Eseguire l'istanza

Usare la pagina di layout

Nella parte precedente del contenuto, avete visto che è molto semplice riferirsi al contenuto nello stesso modo in molte pagine web.

Un altro metodo per creare un aspetto coerente è utilizzare la pagina di layout. La pagina di layout contiene la struttura della pagina, non il contenuto. Quando una pagina web (pagina di contenuto) è collegata alla pagina di layout, viene visualizzata in base alla pagina di layout (modello).

La pagina di layout è simile a una pagina web comune, ma chiama il contenuto della pagina di riferimento nel punto di riferimento. @RenderBody() Metodo.

Ogni pagina di contenuto deve iniziare con Comando LayoutInizio.

Ecco come appare nel codice:

Layout web page:

<html>
<body>
<p>Questo è il testo.</p>
@RenderBody()
<p>© 2012 CodeW3C.com. Tutti i diritti riservati.</p>
</body>
</html>

Pagina qualsiasi:

@{Layout="Layout.cshtml";}
<h1>Benvenuti su CodeW3C.com</h1>
<p>
Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo.
Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo.
Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo. Questo è il testo.
</p>

Eseguire l'istanza

Non ripetere te stesso

Attraverso due strumenti ASP.NET, i blocchi di contenuto e le pagine di layout, puoi impostare un aspetto coerente per le applicazioni web.

Questi strumenti ti faranno risparmiare molto lavoro, perché non dovrai ripetere la stessa informazione su tutte le pagine. Concentra i tag, gli stili e il codice, rendendo l'applicazione web più facile da gestire e mantenere.

Prevenire la divulgazione del codice

In ASP.NET, i file che iniziano con un trattino basso non possono essere navigati tramite web.

Se desideri impedire agli utenti di visualizzare i blocchi di contenuto o i file di layout, renomiina i file:

  • _header.cshtm
  • _footer.cshtml
  • _Layout.cshtml

Nascondere informazioni sensibili

In ASP.NET, un metodo comune per nascondere informazioni sensibili (password del database, password di posta elettronica, ecc.) è conservare queste informazioni in un file indipendente chiamato "_AppStart".

_AppStart.cshtml

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "nomeutente@example.com";
WebMail.Password = "password-your";
WebMail.From = "nome-qui@example.com";
}