Latest web development tutorials
×

ASP.NET コース

ASP.NET コース ASP.NET 簡単な紹介

WP コース

WebPages 簡単な紹介 WebPages Razor WebPages レイアウト WebPages フォルダ WebPages 全体的な状況 WebPages フォーム WebPages オブジェクト WebPages ファイル WebPages ヘルパー WebPages WebGrid WebPages チャート WebPages Email WebPages PHP WebPages リリース WebPages 例

WP リファレンスマニュアル

WebPages カテゴリ WebPages セキュリティ WebPages データベース WebPages 郵便局 WebPages ヘルパー

ASP.NET Razor

Razor 簡単な紹介 Razor 文法 Razor C# 変数 Razor C# 循環 Razor C# ロジック Razor VB 変数 Razor VB 循環 Razor VB ロジック

ASP.NET MVC

MVC 簡単な紹介 MVC アプリケーション MVC フォルダ MVC レイアウト MVC コントローラ MVC ビュー MVC データベース MVC モデル MVC セキュリティ MVC HTML ヘルパー MVC リリース MVC リファレンスマニュアル

WF コース

WebForms 簡単な紹介 WebForms ページ WebForms コントロール WebForms イベント WebForms フォーム WebForms ViewState WebForms TextBox WebForms Button WebForms データバインディング WebForms ArrayList WebForms Hashtable WebForms SortedList WebForms XML ファイル WebForms Repeater WebForms DataList WebForms データベース接続 WebForms マスターページ WebForms ナビゲーション WebForms 例

WF リファレンスマニュアル

WebForms HTML WebForms Controls WebForms Validation

ASP.NET Webページのレイアウト

Webページでは、サイトの一貫性のあるレイアウトを行うには非常に簡単なものです作成します。


一貫性のある外観

インターネットでは、あなたがサイト上でそれを見つけることができます一貫性のあるルックアンドフィールを持っています:

  • 各ページには、同じヘッドを持っています
  • 各ページには、同じベースを持っています
  • 各ページには、同じスタイルとレイアウトを持っています

Webページでは、あなたは非常に効率的にこれを行うことができます。 あなたは別のファイルに記述された(例えば頭部やページの下など)、コンテンツのブロックを再利用することができます。

また、レイアウトの定義と一致するサイトのすべてのページにレイアウトテンプレート(レイアウトファイル)を使用することができます。


コンテンツブロック(ブロックコンテンツ)

多くのサイトでは、コンテンツの一部は、サイト内のすべてのページ(ページのヘッダーとフッターのように)表示される必要があります。

Webページによっては、別のファイルからコンテンツをインポートする@RenderPage()メソッドを使用することができます。

(他のファイルからの)コンテンツブロックのWebページ上の任意の場所をインポートすることができます。 コンテンツブロックは、ちょうど同じ任意の通常のウェブのように、テキスト、マークアップとコードを含めることができます。

それはあなたが多くの作業を保存するのに役立ちます別のファイル共通ヘッダとフッタに書き込まれます。 あなたは、コンテンツの変更は、あなたは、単にファイルの先頭または下部を変更すると、各ページに同じ内容を記述する必要はありません、あなたは各ページのコンテンツのサイトが更新されている見ることができます。

次のコードは、それが提示されている方法を示しています。

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

実行中のインスタンス»


レイアウト・ページ(ページレイアウト)

前のセクションでは、次のように表示し、同じコンテンツが複数のページには非常に簡単であることを示したいです。

一貫性のある外観を作成する別の方法は、ページレイアウトを使用することです。 レイアウトページではなく、コンテンツよりも、ページ上の構造が含まれています。 ページレイアウトにすると、Webページ(コンテンツページ)リンクは、レイアウトページ(テンプレート)の構造に応じて表示されます。

ページレイアウトは、コンテンツページを埋め込む@RenderBody()メソッドを使用し、加えて、それは通常のWebページで任意の違いはありません。

各コンテンツページは、 レイアウトの指示で開始する必要があります

次のコードは、それが提示されている方法を示しています。

ページレイアウト:

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

任意のページ:

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

実行中のインスタンス»


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