コンテンツへスキップ
ASP.NET MVCのエリア

ASP.NET MVCのエリア

エリアは、ASP.NET MVCプロジェクトの最も重要なコンポーネントの一部です。エリアの主な用途は、Webプロジェクトを別々のユニットに物理的に分割することです。

4分の読書

エリアは、ASP.NET MVCプロジェクトの最も重要なコンポーネントの一部です。エリアの主な用途は、Webプロジェクトを別々のユニットに物理的に分割することです。

ASP.NET MVCのエリアとは何ですか?

ASP.NET MVCプロジェクトを見ると、Model、Controller、View などの論理コンポーネントは物理的に異なるフォルダに保持されており、ASP.NET MVC命名規則を使用してこれらのコンポーネント間の関係を作成しています。問題は、実装するアプリケーションが比較的大きいときに始まります。たとえば、チェックアウト、請求、検索など、複数のビジネスユニットを持つEコマースアプリケーションを実装している場合です。これらの各ユニットには、独自の論理コンポーネント、ビュー、コントローラー、およびモデルがあります。このシナリオでは、ASP.NET MVCエリアを使用して、同じプロジェクト内のビジネスコンポーネントを物理的にパーティション分割できます。

要するに、領域は次のように定義できます:独自のコントローラー、ビュー、およびモデルのセットを持つASP.NET MVCプロジェクト内の小さな機能ユニット

ASP.NET MVCプロジェクト内の小さな機能ユニットで、独自のコントローラー、ビュー、モデルのセットがあります。

1 つの MVC アプリケーションには、任意の数のエリアを含めることができます。 エリアの特徴には、次のようなものがあります。

  • MVC アプリケーションには、任意の数のエリアを含めることができます。
  • 各エリアには、独自のコントローラー、モデル、ビューがあります。
  • 物理的には、エリアは別々のフォルダの下に置かれます。
  • エリアは、大きな Web アプリケーションの管理に役立ちます。
  • Web アプリケーション プロジェクトでは、さまざまなプロジェクトのエリアを使用することもできます。
  • Areas を使用すると、複数の開発者が同じ Web アプリケーション プロジェクトで作業できます。

エリアの作成

MVC プロジェクトでのエリアの作成は非常に簡単です。次の図に示すように、project-> Add->Areaを右クリックするだけです。

図のように、project-> Add->Areaを右クリックするだけです

ここでは、エリア名を入力するように求められます。この例では、エリアに「Blogs」という名前を付けて、[追加]をクリックします。

 add area window

ここで少し立ち止まって、プロジェクトを探索しましょう。Areasフォルダが追加され、Areasフォルダ内に、作成したばかりのエリアであるBlogsという名前のサブフォルダがあります。Blogsサブフォルダ内には、MVCコンポーネントのコントローラー、ビュー、およびモデルのフォルダがあります。

Blogsサブフォルダ内には、MVCコンポーネントのコントローラー、ビュー、およびモデルのフォルダがあります。

Area Blogsフォルダには、クラスBlogAreaRegistration.csがあります。このクラスでは、ブログエリアのルートが登録されています。

Area Blogsフォルダには、クラスBlogAreaRegistration.csがあります。

これで、コントローラー、モデル、およびビューを、MVC プロジェクトで通常追加するのと同じ方法でエリアに追加できます。たとえば、コントローラーを追加するには、Blogsフォルダー内のコントローラーフォルダーを右クリックして、[Add->Controller]をクリックします。したがって、ブログコントローラーにHomeControllerを追加したとしましょう。追加されたコントローラーは、次の図に示すように、プロジェクトにあります。

HomeController には Index というメソッドがあることがわかります。ビューを作成するには、インデックスアクションを右クリックし、次の画像に示すように[ビューの追加]を選択します。

HomeController に Index というメソッドがあることが分かります。ビューを作成するには、Index アクションを右クリックして [Add View] を選択します

次の画面では、ビューテンプレート、モデルクラスなどを選択する必要があります。物事をシンプルにするために、すべてをデフォルトのままにして、[追加]ボタンをクリックして、ブログエリアのホームコントローラーでインデックスアクションのビューを作成しましょう。

 add view window

下の画像に示すように、BlogsフォルダーのViewsサブフォルダー内にビューが作成されていることがわかります。

次に示すように、BlogsフォルダのViewsサブフォルダ内にビューが作成されていることがわかります

確認するために、次の画像に示すように、ビューのタイトルを変更してみましょう。

確認するために、先に進んで、示されているようにビューのタイトルを変更しましょう

これまでに作成したものは次のとおりです。

  1. ブログという名前のエリア
  2. その中のコントローラー (Home という名前)
  3. Home コントローラーの Index アクションのビュー
  4. ビューのタイトルを変更する

エリアを操作する最後のステップとして、エリアがプロジェクトのApp_Startに登録されているかどうかを確認する必要があります。これを行うには、global.asax を開き、以下の強調表示されたコード行を追加します (まだ追加されていない場合)。

エリアがプロジェクトのApp_Startに登録されているかどうかを確認する必要があります

エリアを作成したので、先に進んでアプリケーションを実行し、URLに注目してみましょう。

エリアを作成したので、先に進んでアプリケーションを実行し、URLに注目してみましょう

強調表示されているように、エリアのコントローラーを呼び出すには、以下を使用する必要があります。

 baseurl/areaname/controllername/{actionname}

この場合、ブログエリアのホームコントローラーは、次の方法で呼び出されます。

Baseurl/Blogs/Home/Index

概要

ここで見たように、エリアはASP.NET MVCの最も重要なコンポーネントの一部であり、このブログの例で示されているように、大きなプロジェクトをより小さく、より管理しやすい単位に分割することができます。この投稿がお役に立てば幸いです、そして読んでくれてありがとう!

Infragistics jQuery/HTML5ツールセットは、業界をリードするネイティブWeb開発ソリューションで、どのデバイスでも応答性の高いWebデザインを作成できることをすでに試したことがありますか?今すぐ無料トライアルをダウンロードしてください

デモを予約