ASP.NET Webページのレイアウト
Webページでは、サイトの一貫性のあるレイアウトを行うには非常に簡単なものです作成します。
一貫性のある外観
インターネットでは、あなたがサイト上でそれを見つけることができます一貫性のあるルックアンドフィールを持っています:
- 各ページには、同じヘッドを持っています
- 各ページには、同じベースを持っています
- 各ページには、同じスタイルとレイアウトを持っています
Webページでは、あなたは非常に効率的にこれを行うことができます。 あなたは別のファイルに記述された(例えば頭部やページの下など)、コンテンツのブロックを再利用することができます。
また、レイアウトの定義と一致するサイトのすべてのページにレイアウトテンプレート(レイアウトファイル)を使用することができます。
コンテンツブロック(ブロックコンテンツ)
多くのサイトでは、コンテンツの一部は、サイト内のすべてのページ(ページのヘッダーとフッターのように)表示される必要があります。
Webページによっては、別のファイルからコンテンツをインポートする@RenderPage()メソッドを使用することができます。
(他のファイルからの)コンテンツブロックのWebページ上の任意の場所をインポートすることができます。 コンテンツブロックは、ちょうど同じ任意の通常のウェブのように、テキスト、マークアップとコードを含めることができます。
それはあなたが多くの作業を保存するのに役立ちます別のファイル共通ヘッダとフッタに書き込まれます。 あなたは、コンテンツの変更は、あなたは、単にファイルの先頭または下部を変更すると、各ページに同じ内容を記述する必要はありません、あなたは各ページのコンテンツのサイトが更新されている見ることができます。
次のコードは、それが提示されている方法を示しています。
例
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>
実行中のインスタンス»
レイアウト・ページ(ページレイアウト)
前のセクションでは、次のように表示し、同じコンテンツが複数のページには非常に簡単であることを示したいです。
一貫性のある外観を作成する別の方法は、ページレイアウトを使用することです。 レイアウトページではなく、コンテンツよりも、ページ上の構造が含まれています。 ページレイアウトにすると、Webページ(コンテンツページ)リンクは、レイアウトページ(テンプレート)の構造に応じて表示されます。
ページレイアウトは、コンテンツページを埋め込む@RenderBody()メソッドを使用し、加えて、それは通常のWebページで任意の違いはありません。
各コンテンツページは、 レイアウトの指示で開始する必要があります。
次のコードは、それが提示されている方法を示しています。
ページレイアウト:
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2012 W3CSchool. All rights reserved.</p>
</body>
</html>
任意のページ:
<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>
実行中のインスタンス»
DRY - 自分を繰り返さないでください(自分を繰り返さないでください)
コンテンツブロック(ブロックコンテンツ)とレイアウトページ(ページレイアウト)の両方ASP.NETツールによって、あなたのWebアプリケーションが一貫したルックを表示することができます。
これらのツールの両方を使用すると、各ページに同じ情報を繰り返す必要はありません、あなたは多くの作業を節約することができます。 Webアプリケーションのためのセットのタグ、スタイルとコード管理しやすく、維持しやすいです。
されてからファイルを防ぐブラウズ
ASP.NETでは、アンダースコアで始まるファイル名は、あなたがこれらのファイルは、インターネットを閲覧している防ぐことができます。
あなたのコンテンツブロックやページのレイアウトがユーザーに見られたくない場合は、これらのファイルの名前を変更することができます。
_header.cshtm
_footer.cshtml
_Layout.cshtml
機密情報を隠します
ASP.NETには、機密情報(データベースのパスワード、電子メールのパスワードなど)最も一般的な方法は、「_AppStart "別ファイルという名前のファイルにこの情報を保存することですを非表示にします。
_AppStart.cshtml
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}