Latest web development tutorials

ASP.NET Web-Seiten-Layout

Mit dem Web-Seiten, ein einheitliches Layout der Website zu erstellen ist eine sehr einfache Sache zu tun.

einheitliches Erscheinungsbild

Im Internet werden Sie es über die Website zu finden haben ein einheitliches Look and Feel:

  • Jede Seite hat den gleichen Kopf
  • Jede Seite hat die gleiche Basis
  • Jede Seite hat den gleichen Stil und Layout

Mit dem Web-Seiten, sind Sie in der Lage so sehr effizient zu tun. Sie können Blöcke von Inhalten (wie zB dem Kopf und dem unteren Ende der Seite) wiederverwenden in eine separate Datei geschrieben.

Sie können auch die Layout-Vorlage (Layout-Dateien) auf allen Seiten der Website im Einklang mit der Definition des Layouts verwenden.

Inhaltsblöcke (Block-Gehalt)

Viele Websites haben einige der Inhalte angezeigt werden soll (wie Kopf- und Fußzeile) auf jeder Seite in der Website.

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

Inhalt Block (aus einer anderen Datei) irgendwo auf einer Webseite können importiert werden. Inhaltsblock kann Text, Markup und Code enthalten, wie jede gewöhnliche Web gleich.

Es wird in einer separaten Datei gemeinsamen Kopf- und Fußzeile geschrieben werden, die Ihnen eine Menge Arbeit sparen helfen. Sie müssen nicht den gleichen Inhalt auf jeder Seite zu schreiben, wenn sich der Inhalt ändert, können Sie einfach den Kopf oder das Ende der Datei ändern, können Sie die Website des Inhalts jeder Seite wurden aktualisiert.

Der folgende Code zeigt, wie es präsentiert wird:

Beispiele

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

Ausführung einer Instanz »

Layoutseite (Seitenlayout)

Im vorherigen Abschnitt finden Sie, und wollen den gleichen Inhalt zu zeigen, auf mehreren Seiten sehr einfach ist.

Eine andere Möglichkeit, ein einheitliches Erscheinungsbild zu schaffen, ist ein Seitenlayout zu verwenden. Eine Layoutseite enthält eine Struktur auf der Seite, anstatt den Inhalt. Wenn eine Web-Seite (Content-Seiten) Link auf das Seitenlayout, wird es nach der Layoutseite (Template) Struktur angezeigt.

Seitenlayout verwendet @RenderBody () -Methode Content - Seiten einbetten, aber auch sie nicht machen keinen Unterschied mit einem normalen Web - Seite.

Jeder Content - Seite muss mit den Layout - Anweisungen beginnen.

Der folgende Code zeigt, wie es präsentiert wird:

Seitenlayout:

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

Ausführung einer Instanz »

DRY - Sie Repeat Yourself nicht (nicht selbst wiederholen)

Durch die Inhaltsblöcke (Block Inhalt) und Layoutseiten (Seitenlayout), die beide ASP.NET-Tools können Sie Ihre Web-Anwendung zeigt ein einheitliches Aussehen zu machen.

Beide Tools können Ihnen helfen, eine Menge Arbeit sparen, Sie müssen nicht die gleichen Informationen auf jeder Seite wiederholen. Set-Tags, Stil und Code für Ihre Web-Anwendungen einfacher zu verwalten, leichter zu pflegen.

Durchsuchen Sie verhindern, dass Dateien sein

In ASP.NET beginnen die Dateinamen mit einem Unterstrich, können Sie diese Dateien im Internet surfen zu verhindern.

Wenn Sie nicht Ihre Inhalte blockieren oder das Seitenlayout zu sehen Ihre Benutzer wollen, können Sie diese Dateien umbenennen:

_header.cshtm

_footer.cshtml

_Layout.cshtml

Ausblenden sensible Informationen

In ASP.NET verstecken sensible Informationen (Datenbank-Passwort, E-Mail-Passwörter, etc.) Die am häufigsten verwendete Methode ist es, diese Informationen in einer Datei "_AppStart" separaten Datei mit dem Namen zu speichern.

_AppStart.cshtml

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