Mit Web-Seiten ist es einfach, eine Webseite mit einem einheitlichen Layout zu erstellen.
Ein einheitliches Erscheinungsbild
Im Internet finden Sie viele Web-Seiten mit einem einheitlichen Look and Feel entdecken:
- Jede Seite hat den gleichen Kopf
- Jede Seite hat die gleiche Fußzeile
- Jede Seite hat den gleichen Stil und Layout
Mit Web-Seiten kann dies sehr effizient durchgeführt werden. Sie können wieder verwendbare Inhaltsblöcke haben (content blocks) , wie Kopf- und Fußzeilen in separaten Dateien.
Sie können auch ein einheitliches Layout für alle Seiten, mit einer Layoutvorlage definieren (layout file) - (layout file) .
Inhaltsblöcke
Viele Websites haben Inhalte , die auf jeder Seite angezeigt wird (like headers and footers) .
Mit Web - Seiten können Sie die Verwendung @ RenderPage() Methode , um Inhalte aus separaten Dateien zu importieren.
Inhaltsblock (from another file) kann überall in einer Web - Seite importiert wird, und kann Text, Markup und Code enthält, wie jede normale Webseite.
Mit gemeinsamen Kopf- und Fußzeilen als ein Beispiel, das spart Ihnen eine Menge Arbeit. Sie müssen nicht den gleichen Inhalt auf jeder Seite schreiben, und wenn Sie die Kopf- oder Fußzeile-Dateien zu ändern, wird der Inhalt in all Seiten aktualisiert.
Dies ist, wie es im Code aussieht:
Beispiel
<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html> Führen Sie zB » Mit Hilfe einer Layoutseite
Im vorigen Abschnitt haben Sie gesehen, dass die gleichen Inhalte in vielen Web-Seiten einschließlich ist einfach.
Ein weiterer Ansatz, ein einheitliches Erscheinungsbild zu schaffen, ist eine Layout-Seite nutzen zu können. Eine Layoutseite enthält die Struktur, aber nicht den Inhalt, die von einer Webseite. Wenn eine Web - Seite (content page) - (template) (content page) zu einer Layoutseite verbunden ist, wird es nach der Layoutseite angezeigt (template) .
Die Layoutseite ist wie eine normale Web - Seite, mit der Ausnahme von einem Aufruf der @ RenderBody() Methode , bei der Content - Seite enthalten sein wird.
Jede Inhaltsseite muss mit einer Layout - Richtlinie beginnen.
Dies ist, wie es im Code aussieht:
Layout Seite:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2014 w3ii. All rights reserved.</p>
</body>
</html>
Jede Web-Seite:
@{Layout="Layout.cshtml";}
<h1>Welcome to w3ii</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>
Führen Sie zB » DRY - Wiederholen Sie sich nicht
Mit zwei ASP.NET-Tool, Inhaltsblöcken und Layout Seiten können Sie Ihren Web-Anwendungen ein einheitliches Erscheinungsbild geben.
Diese Werkzeuge, die Ihnen auch eine Menge Arbeit sparen, da Sie nicht die gleichen Informationen auf allen Seiten haben zu wiederholen. Markup zu zentralisieren, Stil und Code macht Web-Anwendungen viel besser handhabbar und leichter zu pflegen.
Verhindern, dass Dateien aus durchstöbert
Mit ASP.NET, Dateien mit einem Namen, der mit einem Unterstrich beginnt nicht aus dem Web durchsucht werden.
Wenn Sie Ihre Inhaltsblöcke oder Layout-Dateien verhindern, dass durch die Benutzer angesehen werden, benennen Sie die Dateien in:
_header.cshtml
_footer.cshtml
_Layout.cshtml
Verstecken Sie sensible Daten
Mit ASP.NET, der gemeinsamen Weg sensible Informationen (Datenbank - Passwörter, E - Mail - Passwörter, etc.) zu verbergen ist , die Informationen in einer separaten Datei zu halten namens "_AppStart" .
_AppStart.cshtml
@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}