モデル、ビュー、コントローラーを理解する (C#)

この記事では、ASP.NET MVC モデル、ビュー、コントロールの概要を説明します。つまり、ASP.NET MVC の「M」、「V」、「C」について説明します。

この記事を読むと、ASP.NET MVC のさまざまな部分がどのように連携して動作するかを理解できるはずです。また、ASP.NET MVC プログラムのアーキテクチャが ASP.NET Web フォーム プログラムや ASP プログラムとどのように異なるのかも理解できるはずです。

サンプル ASP.NET MVC アプリケーション

ASP.NET MVC Web アプリケーションを作成するためのデフォルトの Visual Studio テンプレートには、ASP.NET MVC Web アプリケーションのさまざまな部分を理解するために使用できる非常にシンプルなサンプル アプリケーションが含まれています。このチュートリアルでは、この簡単なプログラムを使用してみましょう。

Visual Studio 2008 を実行し、[ファイル]、[新規] の順に選択し (図 1 を参照)、MVC テンプレートを使用して ASP.NET MVC プログラムを作成します。 [新しいプロジェクト] ダイアログ ボックスで、[プロジェクトの種類 (P)] で希望のプログラミング言語 (Visual Basic または C#) を選択し、[テンプレート] で ASP.NET MVC Web アプリケーション を選択します。 「OK」ボタンをクリックします。

図 1 新しいプロジェクト ダイアログ

新しい ASP.NET MVC プログラムを作成すると、単体テスト プロジェクトの作成 ダイアログ ボックスが表示されます (図 2 を参照)。 ASP.NET MVC アプリケーションをテストするための別のプロジェクト。オプション いいえ、単体テスト プロジェクトを作成しません を選択し、OK ボタンをクリックします。

図2 単体テストの作成ダイアログボックス

ASP.NET MVCプログラムが作成されます。ソリューション エクスプローラー ウィンドウにいくつかのフォルダーとファイルが表示されます。特に、Models、Views、Controllers という名前の 3 つのフォルダーが表示されます。名前が示すように、これら 3 つのフォルダーには、モデル、ビュー、コントローラーを実装するファイルが含まれています。

Controllersフォルダーを展開すると、AccountController.csという名前のファイルとHomeControllers.csという名前のファイルが表示されます。 Views フォルダーを展開すると、Account、Home、Shared という 3 つのサブフォルダーが表示されます。ホーム フォルダーを展開すると、About.aspx と Index.aspx という 2 つのファイルが表示されます (図 3 を参照)。これらのファイルは、デフォルトの ASP.NET MVC テンプレートを含むサンプル アプリケーションを構成します。

図3 ソリューションエクスプローラーウィンドウ

「デバッグ」「デバッグ開始」を選択してサンプルプログラムを実行します。または、F5 キーを押すこともできます。

ASP.NET プログラムを初めて実行するときは、図 4 に示すダイアログ ボックスが表示されます。デバッグを開始することをお勧めします。 「OK」ボタンをクリックするとプログラムが実行されます。

図 4 [デバッグが開始されていません] ダイアログ

ASP.NET MVC プログラムを実行する場合、Visual Studio はブラウザーでプログラムを実行します。サンプルプログラムには、IndexページとAboutページの2つのページが含まれています。プログラムを初めて起動すると、[インデックス] ページが表示されます (図 5 を参照)。プログラムの右上隅にあるメニュー リンクをクリックすると、[バージョン情報] ページに移動できます。

図 5 インデックス ページ

[バージョン情報] メニュー リンクをクリックすると、アドレス バーの URL が /Home/About に変わります。

ブラウザ ウィンドウを閉じて、Visual Studio に戻ります。Home/About パスにファイルが見つかりません。このファイルは存在しません。どのようにしてこれが可能ですか?

URL はページと等しくありません

従来の ASP.NEW Web フォーム プログラムまたは ASP プログラムを生成する場合、URL は Web ページに対応します。 SomePage.aspx という名前のページに対する要求がサーバーに対して行われた場合、ディスク上に SomePage.aspx という名前のページが存在することが最善です。 SomePage.aspx ファイルが存在しない場合は、醜い 404 – Page Not Found エラーが発生します。

逆に、ASP.NET MVCプログラムを生成する場合、ブラウザのアドレスに入力するURLと、プログラム内で探したいファイルとの間には対応関係がありません。

ASP.NET MVC プログラムでは、URL はディスク上のページではなく、コントローラーのアクションに対応します。

従来の ASP.NET または ASP プログラムでは、ブラウザーの要求はページにマッピングされます。対照的に、ASP.NET MVC アプリケーションでは、ブラウザーの要求はコントローラーのアクションにマップされます。 ASP.NET Web フォーム プログラムはコンテンツ中心です。 対照的に、ASP.NET MVC プログラムはプログラム ロジックを中心としています。

ASP.NET ルーティングについて理解する

ブラウザは、ASP.NET Routing と呼ばれる ASP.NET フレームワーク機能を通じて、コントローラー アクションのマッピングの取得を要求します。 ASP.NET ルーティングは、受信したコントローラー アクション要求をルーティングするために ASP.NET MVC フレームワークによって使用されます。

ASP.NET ルーティングは、ルーティング テーブルを使用して受信要求を処理します。このルーティング テーブルは、Web アプリケーションの最初の実行時に作成されます。 これは Global.asax ファイル内に作成されます。デフォルトの MVC Global.asax ファイルをリスト 1 に示します。

コード 1 – Global.asax

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.Web.Routing;

namespace MvcApplication1
{
    // Note: For instructions on enabling IIS6 or IIS7 classic mode, 
    // visit http://www.php.cn/

    public class MvcApplication : System.Web.HttpApplication
    {
        public static void RegisterRoutes(RouteCollection routes)
        {
            routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

            routes.MapRoute(
                "Default",                                              // Route name
                "{controller}/{action}/{id}",                           // URL with parameters
                new { controller = "Home", action = "Index", id = "" }  // Parameter defaults
            );
        }

        protected void Application_Start()
        {
            RegisterRoutes(RouteTable.Routes);
        }
    }
}

ASP.NET プログラムが初めて起動するとき、Application_Start() メソッドが呼び出されます。コード 1 では、このメソッドは RegisterRoutes() メソッドを呼び出して、デフォルトのルート テーブルを作成します。

デフォルトのルーティングテーブルにはルートが1つだけ含まれています。このデフォルト ルートは、受信リクエストを 3 つのセグメントに分割します (URL セグメントは 2 つのスラッシュの間にあるものです)。最初のセグメントはコントローラー名にマップされ、2 番目のセグメントはアクション名にマップされ、最後のセグメントはアクションに渡される Id という名前のパラメーターにマップされます。

たとえば、次の URL を考えてみましょう:

/Product/Details/3

この URL は次のように 3 つのパラメータに解析されます:

Controller = Product

Action =Details

Id = 3

Global.asaxファイルで定義されたデフォルト ルートには、3 つのパラメータすべてのデフォルト値が含まれています。デフォルトのコントローラはホーム、デフォルトのアクションはインデックス、デフォルトの ID は空の文字列です。これらのデフォルト値を念頭に置いて、次の URL がどのように解析されるかを考えてください:

/Employee

この URL は次のように 3 つのパラメータに解析されます:

Controller = Employee

Action = Index

Id =

最後に、URL (例: http://www.php.cn/) を入力せずに ASP.NET MVC プログラムを開くと、URL は次のように解析されます:

Controller = Home

Action = Index

Id =

このリクエストは、HomeController クラスの Index() アクションにルーティングされます。

コントローラーについて

コントローラーは、ユーザーが MVC プログラムと対話する方法を制御する責任があります。コントローラーには、ASP.NET MVC アプリケーションのフロー制御ロジックが含まれています。コントローラーは、ユーザーがブラウザー要求を送信したときにどのような応答が返されるかを決定します。コントローラーはクラス (たとえば、Visual Basic や C# クラス) です。サンプル ASP.NET MVC アプリケーションには、Controllers フォルダーにある HomeController.cs という名前のコントローラーが含まれています。 HomeController.cs ファイルの内容はコード 2 で再現されます。

コード 2 – HomeController.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace MvcApplication1.Controllers
{
    [HandleError]
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewData["Title"] = "Home Page";
            ViewData["Message"] = "Welcome to ASP.NET MVC!";

            return View();
        }

        public ActionResult About()
        {
            ViewData["Title"] = "About Page";

            return View();
        }
    }
}

HomeController には Index() と About() という 2 つのメソッドがあることに注意してください。これら 2 つのメソッドは、コントローラーによって公開される 2 つのアクションに対応します。 URL /Home/Index は HomeController.Index() メソッドを呼び出し、URL/Home/About は HomeController.About() メソッドを呼び出します。

コントローラー内のパブリック メソッドはコントローラー アクションとして公開されます。これについては十分に注意する必要があります。これは、インターネットにアクセスしてブラウザに正しい URL を入力するだけで、コントローラー内の任意のパブリック メソッドを呼び出すことができることを意味します。

ビューについて

HomeController によって公開される Index() アクションと About() アクションは両方ともビューを返します。ビューには、ブラウザに送信される HTML マークアップとコンテンツが含まれます。ビューは、ASP.NET MVC プログラムのページに相当します。適切な場所にビューを作成する必要があります。 HomeController.Index() アクションは、次のパスにあるビューを返します:

/Views/Home/Index.aspx

HomeController.About() アクションは、次のパスにあるビューを返します:

/Views/Home/About .aspx

通常、コントローラー アクションのビューを返したい場合は、Views フォルダーの下にコントローラーと同じ名前のサブフォルダーを作成する必要があります。このサブフォルダー内に、コントローラー アクションと同じ名前の .aspx ファイルを作成します。

コード 3 のファイルには About.aspx ビューが含まれています。

コード 3 – About.aspx

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server">
    <h2 id="About">About</h2>
    <p>
        Put content here.
    </p>
</asp:Content>

コード 3 の最初の行を無視すると、ビューの残りの部分には標準 HTML が含まれます。ビューのコンテンツを変更する任意の HTML を入力できます。

ビューは、ASP または ASP.NET Web フォームのページと非常によく似ています。ビューには HTML コンテンツとスクリプトを含めることができます。お気に入りのプログラミング言語 (C# や Visual Basic .NET など) でスクリプトを作成できます。スクリプトを使用して、データベース データなどの動的コンテンツを表示します。

モデルを理解する

コントローラーとビューについて説明しました。最後のトピックはモデルです。 MVCモデルとは何ですか?

MVCモデルには、ビューやコントローラーに含まれていないプログラム内のすべてのロジックが含まれています。モデルには、すべてのプログラム ビジネス ロジック、検証ロジック、データベース アクセス ロジックが含まれている必要があります。たとえば、Microsoft Entity Framework を使用してデータベースにアクセスする場合は、Models フォルダーに Entity Framework クラス (.edmx ファイル) を作成します。

ビューにはユーザーインターフェイスを生成するロジックのみを含める必要があります。コントローラーには、正しいビューを返すか、ユーザーを他のアクション (フロー制御) にリダイレクトするための最小限のロジックのみを含める必要があります。その他すべてをモデルに含める必要があります。

通常、「太い」モデルと「薄い」コントローラーを目指す必要があります。コントローラー メソッドには数行のコードのみを含める必要があります。コントローラーのアクションが「太りすぎ」た場合は、ロジックを Models フォルダー内の新しいクラスに移動することを検討する必要があります。

概要

このチュートリアルでは、ASP.NET MVC Web アプリケーションのさまざまな部分の概要を説明します。 ASP.NET ルーティングが受信ブラウザー要求を特定のコントローラー アクションにマッピングする方法を学習しました。コントローラーがどのように調整され、ビューがブラウザーに返されるかを学びました。最後に、モデルにプログラムによるビジネス、検証、データベース アクセスのロジックがどのように含まれるかを学びました。

上記は、モデル、ビュー、コントローラー (C#) を理解するための内容です。さらに関連する内容については、PHP 中国語 Web サイト (www.php.cn) に注目してください。