Heim  >  Artikel  >  Backend-Entwicklung  >  Teilen Sie ASP.NET-Studiennotizen (3) Webseiten-Layout

Teilen Sie ASP.NET-Studiennotizen (3) Webseiten-Layout

零下一度
零下一度Original
2017-05-24 17:57:411994Durchsuche

Mit Web Pages ist es ganz einfach, eine Website mit einem einheitlichen Layout zu erstellen.

Konsistentes Erscheinungsbild

Im Internet werden Sie feststellen, dass viele Websites ein einheitliches Erscheinungsbild haben:

Jede Seite hat den gleichen Header

Jede Seite hat den gleichen unteren Rand

Jede Seite hat den gleichen Stil und das gleiche Layout

Mit Webseiten können Sie dies sehr effizient tun. Sie können wiederverwendete Inhaltsblöcke (z. B. Seitenkopf- und -fußzeilen) in eine separate Datei schreiben.

Sie können auch Layoutvorlagen (Layoutdateien) verwenden, um ein einheitliches Layout für alle Seiten Ihrer Website zu definieren.

Inhaltsblöcke

Viele Websites verfügen über Inhalte, die auf jeder Seite der Website angezeigt werden (z. B. in der Kopf- und Fußzeile der Seite).

Mit Webseiten können Sie die @RenderPage()-Methode verwenden, um Inhalte aus verschiedenen Dateien zu importieren.

Inhaltsblöcke (aus einer anderen Datei) können überall auf der Seite importiert werden. Inhaltsblöcke können wie jede normale Webseite Text, Markup und Code enthalten.

Das Schreiben gemeinsamer Kopf- und Fußzeilen in separate Dateien erspart Ihnen viel Arbeit. Sie müssen nicht auf jeder Seite den gleichen Inhalt schreiben. Wenn sich der Inhalt ändert, müssen Sie nur die Kopfzeile oder die untere Datei ändern, und Sie werden sehen, dass der entsprechende Inhalt jeder Seite der Site aktualisiert wurde.

Das Folgende zeigt, wie es im Code gerendert wird:

Beispiel

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

Layoutseite

Im vorherigen Abschnitt sehen Sie, es ist sehr Einfache Anzeige desselben Inhalts auf mehreren Webseiten.

Eine weitere Möglichkeit, ein einheitliches Erscheinungsbild zu erzielen, ist die Verwendung von Layoutseiten. Eine Layoutseite enthält die Struktur der Webseite, nicht den Inhalt. Wenn eine Webseite (Inhaltsseite) mit einer Layoutseite verknüpft ist, wird sie entsprechend der Struktur der Layoutseite (Vorlage) angezeigt.

Die Methode @RenderBody() wird in der Layoutseite zum Einbetten der Inhaltsseite verwendet. Ansonsten unterscheidet sie sich nicht von einer normalen Webseite.

Jede Inhaltsseite muss mit einer Layoutanweisung beginnen.

So würde es im Code gerendert werden:

Layoutseite:

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

Jede Seite:

@{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>

D.R.Y. – Nicht Wiederholen Sie sich

Mit Content Blocks und Layout Pages, zwei ASP.NET-Tools, können Sie Ihrer Webanwendung ein einheitliches Erscheinungsbild verleihen.

Diese beiden Tools können Ihnen viel Arbeit ersparen, da Sie nicht auf jeder Seite dieselben Informationen wiederholen müssen. Zentralisiertes Markup, Stile und Code erleichtern die Verwaltung und Wartung Ihrer Webanwendungen.

Anzeigen von Dateien verhindern

In ASP.NET können Dateinamen, die mit einem Unterstrich beginnen, verhindern, dass diese Dateien online angezeigt werden.

Wenn Sie nicht möchten, dass Ihre Inhaltsblöcke oder Layoutseiten für Ihre Benutzer sichtbar sind, können Sie diese Dateien umbenennen:

_header.cshtm

_footer.cshtml

_Layout.cshtml

Sensible Informationen ausblenden

In ASP.NET besteht die häufigste Methode zum Ausblenden vertraulicher Informationen (Datenbankkennwörter, E-Mail-Kennwörter usw.) darin, diese Informationen zu speichern In einer separaten Datei namens „_AppStart“.

_AppStart.cshtml
@{WebMail.SmtpServer = "mailserver.example.com";WebMail.EnableSsl = true;WebMail.UserName = "username@example.com";WebMail.Password = "your-password";WebMail.From = "your-name-here@example.com";}

[Verwandte Empfehlungen]

1. ASP.NET kostenloses Video-Tutorial

2. Teilen Sie ASP.NET-Studiennotizen (1)--WebPages Razor

3. ASP.NET-Studiennotizen teilen (2)--WebPages-Einführung

4. Eine kurze Definition und Einführung von ASP.NET

Das obige ist der detaillierte Inhalt vonTeilen Sie ASP.NET-Studiennotizen (3) Webseiten-Layout. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn