Asp.net-mvc-getting-started

提供:Dev Guides
移動先:案内検索

ASP.NET MVC-はじめに

この章では、ASP.NET MVCの簡単な作業例を見ていきます。 ここでは、簡単なWebアプリを作成します。 ASP.NET MVCアプリケーションを作成するために、Visual Studio 2015を使用します。これには、MVCフレームワークアプリケーションの作成、テスト、展開に必要なすべての機能が含まれています。

ASP.Net MVCアプリケーションを作成する

Visual Studioで利用可能なプロジェクトテンプレートを使用してプロジェクトを作成する手順は次のとおりです。

  • ステップ1 *-Visual Studioを開きます。 [ファイル]→[新規]→[プロジェクト]メニューオプションをクリックします。

新しいプロジェクトダイアログが開きます。

プロジェクトメニューオプション

  • ステップ2 *-左ペインから、テンプレート→Visual C#→Webを選択します。
  • ステップ3 *-中央のペインで、ASP.NET Webアプリケーションを選択します。
  • ステップ4 *-プロジェクト名MVCFirstAppを[名前]フィールドに入力し、[OK]をクリックして続行します。 ASP.NETプロジェクトの初期コンテンツを設定するよう求める次のダイアログが表示されます。

プロジェクト名を入力

  • ステップ5 *-簡単にするために、[空]オプションを選択し、[フォルダーとコア参照の追加]セクションの[MVC]チェックボックスをオンにします。 Okをクリックしてください。

最小限の定義済みコンテンツで基本的なMVCプロジェクトを作成します。

Visual Studioでプロジェクトを作成すると、ソリューションエクスプローラーウィンドウに多数のファイルとフォルダーが表示されます。

作成されたASP.Net MVCプロジェクト

ご存知のように、空のプロジェクトテンプレートからASP.Net MVCプロジェクトを作成したため、現時点ではアプリケーションには実行するものが含まれていません。

ステップ6 *-[デバッグ]→[デバッグの開始]メニューオプションからこのアプリケーションを実行すると、 *404 Not Found エラーが表示されます。

404 Not Found Error

デフォルトのブラウザーはInternet Explorerですが、ツールバーからインストールしたブラウザーを選択できます。

コントローラーを追加

404 Not Foundエラーを削除するには、すべての着信要求を処理するコントローラーを追加する必要があります。

  • ステップ1 *-コントローラーを追加するには、ソリューションエクスプローラーでコントローラーフォルダーを右クリックし、[追加]→[コントローラー]を選択します。

コントローラーの追加

[足場の追加]ダイアログが表示されます。

Controller Scaffold Dialog

  • ステップ2 *-MVC 5 Controller – Emptyオプションを選択し、「追加」ボタンをクリックします。

[コントローラーの追加]ダイアログが表示されます。

コントローラーの追加ダイアログ

  • ステップ3 *-名前をHomeControllerに設定し、[追加]ボタンをクリックします。

Controllersフォルダーに新しいC#ファイルHomeController.csが表示されます。このフォルダーはVisual Studioでも編集用に開かれています。

C#HomeController

ステップ4 *-これを実用的な例にするために、次のコードを使用して *Index というアクションメソッドを変更し、コントローラークラスを変更しましょう。

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

namespace MVCFirstApp.Controllers {
   public class HomeController : Controller {
     //GET: Home
      public string Index(){
         return "Hello World, this is ASP.Net MVC Tutorials";
      }
   }
}
  • ステップ5 *-このアプリケーションを実行すると、ブラウザがIndexアクションメソッドの結果を表示していることがわかります。

インデックスアクションメソッド