ASP.NET 学習ノートの共有 (3) WebPages レイアウト
- 零下一度オリジナル
- 2017-05-24 17:57:411959ブラウズ
Web ページを使用すると、一貫したレイアウトの Web サイトを簡単に作成できます。
一貫した外観
インターネットでは、多くの Web サイトが一貫した外観と雰囲気を持っていることがわかります:
どのページも同じヘッダーを持つ
どのページも同じ下部を持つ
どのページも同じスタイルとレイアウトを持つ
Web ページを使用すると、これを非常に効率的に行うことができます。再利用されたコンテンツ ブロック (ページ ヘッダーやフッターなど) を別のファイルに書き込むことができます。
レイアウト テンプレート (レイアウト ファイル) を使用して、サイトのすべてのページに一貫したレイアウトを定義することもできます。
コンテンツ ブロック
多くの Web サイトには、サイトの各ページ (ページのヘッダーや下部など) に表示されるコンテンツがあります。
Web ページでは、@RenderPage() メソッドを使用して、さまざまなファイルからコンテンツをインポートできます。
コンテンツ ブロック (別のファイルから) は、Web ページのどこにでもインポートできます。コンテンツ ブロックには、通常の Web ページと同様に、テキスト、マークアップ、コードを含めることができます。
共通のヘッダーとボトムを別のファイルに書き込むと、多くの作業が節約されます。すべてのページに同じコンテンツを記述する必要はありません。コンテンツが変更された場合、ヘッダーまたは下部ファイルを変更するだけで、サイト内の各ページの対応するコンテンツが更新されたことがわかります。
以下は、コードでどのようにレンダリングされるかを示しています:
例
<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>This is header text</p> @RenderBody() <p>© 2012 W3CSchool. All rights reserved.</p> </body> </html>
任意の Web ページ:
@{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. - 繰り返しはしないでください
コンテンツ ブロックとレイアウト ページ (レイアウト ページ) によるこれら 2 つの 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 = "your-password";WebMail.From = "your-name-here@example.com";}【関連する推奨事項】
2. ASP.NET 学習ノートを共有する (1) - WebPages Razor
以上がASP.NET 学習ノートの共有 (3) WebPages レイアウトの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。