Latest web development tutorials

ASP.NET Web Pages layout

Con pagine Web, creare un layout coerente del sito è una cosa molto facile da fare.


aspetto coerente

Su Internet, lo troverete sul sito hanno un aspetto coerente:

  • Ogni pagina ha la stessa testa
  • Ogni pagina ha la stessa base
  • Ogni pagina ha lo stesso stile e il layout

Con pagine Web, si è in grado di farlo in modo molto efficiente. È possibile riutilizzare blocchi di contenuto (come la testa e il fondo della pagina) scritto in un file separato.

È inoltre possibile utilizzare il modello di layout (file di layout) a tutte le pagine del sito coerente con la definizione del layout.


Blocchi contenuti (blocco)

Molti siti hanno alcuni dei contenuti è da visualizzare (come ad esempio la pagina di intestazione e piè di pagina) su ogni pagina del sito.

Dalle pagine Web, è possibile utilizzare il metodo@RenderPage () per importare contenuti da file diversi.

blocco di contenuto (da un altro file) in qualsiasi punto di una pagina web può essere importato. blocco di contenuto può contenere testo, markup e codice, proprio come qualsiasi web ordinario stesso.

Si sarà scritto in un file di intestazione comune separata e piè di pagina, che vi aiuterà a risparmiare un sacco di lavoro. Non è necessario scrivere lo stesso contenuto su ogni pagina, quando cambia il contenuto, è sufficiente cambiare la testa o inferiore del file, è possibile consultare il sito del contenuto di ogni pagina sono stati aggiornati.

Il codice seguente mostra come si presenta:

Esempi

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>

esempio »Esecuzione


Layout di pagina (layout di pagina)

Nella sezione precedente, si vede, e vuole mostrare lo stesso contenuto è molto facile su più pagine.

Un altro modo per creare un aspetto coerente è quella di utilizzare un layout di pagina. Un layout di pagina contiene una struttura nella pagina, piuttosto che il contenuto. Quando una pagina Web (pagine di contenuti) link alla layout di pagina, verrà visualizzato in base alla pagina di layout (template) struttura.

Metodo di layout di pagina @RenderBody utilizzato () per incorporare pagine di contenuto, inoltre, non fa alcuna differenza con una normale pagina web.

Ogni pagina di contenuto deve iniziare con le istruzioni di layout.

Il codice seguente mostra come si presenta:

Layout di pagina:

<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>&copy; 2012 W3CSchool. All rights reserved.</p>
</body>
</html>

Qualsiasi pagina:

@{Layout="Layout.cshtml";}

<h1>Welcome to W3CSchool.cc</h1>

<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat.
</p>

esempio »Esecuzione


SECCO - Non Repeat Yourself (non ripetere se stessi)

Da blocchi contenuti (blocco) e pagine di layout (layout di pagina) entrambi gli strumenti ASP.NET, è possibile rendere l'applicazione Web viene visualizzato un aspetto coerente.

Entrambi questi strumenti possono aiutare a risparmiare un sacco di lavoro, non c'è bisogno di ripetere le stesse informazioni in ogni pagina. Set tag, lo stile e il codice per le applicazioni Web più facile da gestire, più facile da mantenere.


Sfoglia evitare che i file vengano

In ASP.NET, i nomi dei file che iniziano con un carattere di sottolineatura, è possibile evitare questi file sono la navigazione in Internet.

Se non si desidera che il blocco di contenuti o il layout di pagina visibili agli utenti, è possibile rinominare questi file:

_header.cshtm

_footer.cshtml

_Layout.cshtml


Nascondere le informazioni sensibili

In ASP.NET, nascondere informazioni sensibili (password del database, le password di posta elettronica, ecc) Il metodo più comune è quello di salvare queste informazioni in un file denominato "_AppStart" file separato.

_AppStart.cshtml

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}