Web ページのレイアウト
ASP.NET Web ページ - ページ レイアウト
Web ページを使用すると、一貫したレイアウトの Web サイトを簡単に作成できます。
一貫した外観
インターネットでは、多くの Web サイトが一貫した外観と雰囲気を備えていることがわかります。同じスタイルとレイアウトです
Web ページを使用すると、これを非常に効率的に行うことができます。再利用されたコンテンツ ブロック (ページ ヘッダーやフッターなど) を別のファイルに書き込むことができます。
レイアウト テンプレート (レイアウト ファイル) を使用して、サイトのすべてのページに一貫したレイアウトを定義することもできます。 - コンテンツ ブロック
- 多くの Web サイトには、サイトのすべてのページ (ページのヘッダーや下部など) に表示されるコンテンツがあります。 Web ページでは、 @RenderPage()
コードでは次のようになります:
インスタンス<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>
インスタンスの実行»
オンラインの例を確認するには、[インスタンスの実行]ボタンをクリックしてください
レイアウトページ
セクション、複数の Web ページに同じコンテンツを表示するのが非常に簡単であることがわかりました。
一貫した外観を作成するもう 1 つの方法は、レイアウト ページを使用することです。レイアウト ページには、コンテンツではなく、Web ページの構造が含まれます。 Web ページ（コンテンツページ）がレイアウトページにリンクされている場合、レイアウトページ（テンプレート）の構造に従って表示されます。 コンテンツ ページを埋め込むためにレイアウト ページで
@RenderBody()
メソッドが使用されること以外は、通常の Web ページと変わりません。すべてのコンテンツ ページは
レイアウト ディレクティブ
で始める必要があります。
コードでどのようにレンダリングされるかは次のとおりです:
レイアウト ページ:<html><body>
<p>これはヘッダー テキストです</p>@RenderBody()
< ;p>© 2012 W3CSchool の著作権を留保します。インスタンスを実行する»
「インスタンスを実行」ボタンをクリックしてオンラインインスタンスを表示します
D.R.Y. - コンテンツブロックとレイアウトページ（レイアウトページ）を通してASP.NET ツールを使用すると、Web アプリケーションに一貫した外観を与えることができます。
これら 2 つのツールを使用すると、作業を大幅に節約でき、すべてのページで同じ情報を繰り返す必要がなくなります。一元化されたマークアップ、スタイル、コードにより、Web アプリケーションの管理と保守が容易になります。
ファイルの表示を防止するASP.NET では、ファイル名がアンダースコアで始まると、これらのファイルがオンラインで表示されなくなる場合があります。
コンテンツ ブロックやレイアウト ページをユーザーに表示したくない場合は、これらのファイルの名前を変更できます:
_header.cshtm
_footer.cshtml
_Layout.cshtml
機密情報を隠すASP.NET では、機密情報 (データベース パスワード、電子メール パスワードなど) を非表示にする最も一般的な方法は、この情報を "_AppStart" という別のファイルに保存することです。
_AppStart.cshtml@{
WebMail.SmtpServer = "mailserver.example.com";WebMail.EnableSsl = true;
WebMail.UserName = "username@example.com";
WebMail.Password = "あなたの-パスワード";
WebMail.From = "あなたの名前-here@example.com";
}
WebMail.UserName = "username@example.com";
WebMail.Password = "あなたの-パスワード";
WebMail.From = "あなたの名前-here@example.com";
}
