ASPチュートリアル

ASPホーム

WPチュートリアル

Webページの紹介 WebPages Razor Webページのレイアウト Webページフォルダ WebPages Global Webページフォーム Webページオブジェクト Webページファイル Webページデータベース Webページヘルパー WebPages WebGrid Webページチャート Webページの電子メール Webページのセキュリティ Webページの公開 Webページの例 Webページクラス

ASP.NET Razor

かみそりのイントロ かみそりの構文 Razor C#変数 Razor C#ループ Razor C#ロジック RazorVB変数 かみそりVBループ RazorVBロジック

ASPクラシック

ASPイントロ ASP構文 ASP変数 ASP手順 ASP条件文 ASPループ ASPフォーム ASPCookie ASPセッション ASPアプリケーション ASP #include ASP Global.asa ASP AJAX ASPメール ASPの例

ASPリファレンス

ASPVB関数 ASPVBキーワード ASP応答 ASPリクエスト ASPアプリケーション ASPセッション ASPサーバー ASPエラー ASPファイルシステム ASP TextStream ASPドライブ ASPファイル ASPフォルダー ASP辞書 ASP AdRotator ASP BrowserCap ASPコンテンツリンク ASPコンテンツローテーター ASPクイック参照

ADOチュートリアル

ADOイントロ ADOコネクト ADOレコードセット ADOディスプレイ ADOクエリ ADOソート ADO追加 ADOアップデート ADO削除 ADO Demo ADOスピードアップ

ADOオブジェクト

ADOコマンド ADO接続 ADOエラー ADOフィールド ADOパラメータ ADOプロパティ ADOレコード ADOレコードセット ADOストリーム ADOデータ型

ASP.NETWebページ-ページレイアウト


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ページに同じコンテンツを含めるのは簡単であることがわかりました。

一貫した外観を作成するための別のアプローチは、レイアウトページを使用することです。レイアウトページには、Webページの構造が含まれていますが、コンテンツは含まれていません。Webページ(コンテンツページ)をレイアウトページにリンクすると、レイアウトページ(テンプレート)に従って表示されます。

レイアウトページは、コンテンツページが含まれる@RenderBody()メソッドの呼び出しを除いて、通常のWebページと同じ です。

各コンテンツページは、レイアウトディレクティブで始まる必要があります

コードでは次のようになります。

レイアウトページ:

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

任意のWebページ:

@{Layout="Layout.cshtml";}

<h1>Welcome to W3Schools</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-繰り返さないでください

2つのASP.NETツールであるコンテンツブロックとレイアウトページを使用すると、Webアプリケーションに一貫した外観を与えることができます。

これらのツールでは、すべてのページで同じ情報を繰り返す必要がないため、多くの作業を節約できます。マークアップ、スタイル、およびコードを一元化することで、Webアプリケーションの管理がはるかに容易になり、保守が容易になります。


ファイルが参照されないようにする

ASP.NETでは、アンダースコアで始まる名前のファイルをWebから参照することはできません。

コンテンツブロックまたはレイアウトファイルがユーザーに表示されないようにする場合は、ファイルの名前を次のように変更します。

_header.cshtml

_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]";
}