ASP.NET MVC 3 入門 (VB)

作成者 : Rick Anderson

このチュートリアルでは、Microsoft Visual Studio の無料バージョンである Microsoft Visual Web Developer 2010 Express Service Pack 1 を使用して、ASP.NET MVC Web アプリケーションを構築する基本について説明します。 開始する前に、以下に示す前提条件がインストールされていることを確認してください。 これらのすべてをインストールするには、 Web プラットフォーム インストーラーのリンクをクリックします。 または、次のリンクを使用して、前提条件を個別にインストールすることもできます。

• Visual Studio Web Developer Express SP1 の前提条件
• ASP.NET MVC 3 Tools Update
• SQL Server Compact 4.0(ランタイム + ツールのサポート)

Visual Web Developer 2010 ではなく Visual Studio 2010 を使用している場合は、次のリンクをクリックして前提条件をインストールします。 Visual Studio 2010 の前提条件。

このトピックでは、ソース コード VB.NET 含む Visual Web Developer プロジェクトを使用できます。 VB.NET バージョンをダウンロードします。 C# を使用する場合は、このチュートリアルの C# バージョン に切り替えます。

このチュートリアルでは、Microsoft Visual Studio の無料バージョンである Microsoft Visual Web Developer 2010 Express Service Pack 1 を使用して、ASP.NET MVC Web アプリケーションを構築する基本について説明します。 開始する前に、以下に示す前提条件がインストールされていることを確認してください。 これらのすべてをインストールするには、 Web プラットフォーム インストーラーのリンクをクリックします。 または、次のリンクを使用して、前提条件を個別にインストールすることもできます。

• Visual Studio Web Developer Express SP1 の前提条件
• ASP.NET MVC 3 Tools Update
• SQL Server Compact 4.0(ランタイム + ツールのサポート)

Visual Web Developer 2010 ではなく Visual Studio 2010 を使用している場合は、次のリンクをクリックして前提条件をインストールします。 Visual Studio 2010 の前提条件。

このトピックでは、VB ソース コードを含む Visual Web Developer プロジェクトを使用できます。 VB バージョンはこちらからダウンロードしてください。 CSharp を使用する場合は、このチュートリアルの CSharp バージョン に切り替えます。

作成するアプリケーション:

データベースからのムービーの作成、編集、一覧表示をサポートする単純なムービー一覧アプリケーションを実装します。 ビルドするアプリケーションの 2 つのスクリーンショットを次に示します。 これには、データベースのムービーの一覧を表示するページが含まれています。

また、このアプリケーションでは、ムービーの追加、編集、削除のほか、個々のムービーに関する詳細を表示することもできます。 すべてのデータ入力シナリオには、データベースに格納されているデータが正しいことを確認するための検証が含まれます。

学習内容

ここでは次の内容について学習します。

• 新しい ASP.NET MVC プロジェクトを作成する方法
• Entity Framework コードファーストを使用して新しいデータベースを作成する方法
• ASP.NET MVC コントローラーとビューを作成する方法
• データを取得して表示する方法
• データを編集してデータ検証を有効にする方法

作業の開始

まず、Visual Web Developer 2010 Express (略して "VWD" ) を実行し、[スタート] ページから [新しいプロジェクト] を選択します。

Visual Web Developer は、IDE または統合開発環境です。 Microsoft Word を使用してドキュメントを記述するのと同様に、IDE を使用してアプリケーションを作成します。 Visual Web Developer の上部には、使用可能なさまざまなオプションを示すツール バーがあります。 IDE でタスクを実行する別の方法を提供するメニューもあります。 (たとえば、[スタート] ページから [新しいプロジェクト] を選択する代わりに、メニューを使用して [ファイル>] を選択できます。新しいプロジェクト)。)

最初のアプリケーションの作成

プログラミング言語として Visual Basic または Visual C# のいずれかを選択して、アプリケーションを作成できます。 このチュートリアルでは、左側の [Visual Basic] を選択し、[ ASP.NET MVC 3 Web アプリケーション] を選択します。 プロジェクトに "MvcMovie" という名前を付け、[OK] をクリック します。

[ 新しい ASP.NET MVC 3 プロジェクト ] ダイアログ ボックスで、[ インターネット アプリケーション] を選択します。 Razor は既定のビュー エンジンのままにします。

[OK] をクリックします。 Visual Web Developer では、先ほど作成した ASP.NET MVC プロジェクトに既定のテンプレートが使用されているため、何も行わずに、今すぐ動作するアプリケーションがあります。 これは単純な "Hello World!" プロジェクトであり、アプリケーションを開始するのに適した場所です。

[デバッグ] メニューの [デバッグの開始] をクリックします。

デバッグを開始するためのキーボード ショートカットが F5 であることに注意してください。

F5 キーを使用すると、Visual Web Developer が開発 Web サーバーを起動し、Web アプリケーションを実行します。 その後、VWD はブラウザーを起動し、アプリケーションのホーム ページを開きます。 ブラウザーのアドレス バーには と表示 localhost され、 のようなもの example.comではないことに注意してください。 これは、常に独自のローカル コンピューターを指しているため localhost です。この場合は、ビルドしたアプリケーションを実行しています。 VWD が Web プロジェクトを実行すると、プロジェクトにランダムなポートが使用されます。 次の図では、ランダムなポート番号は 43246 です。 プロジェクトでは、おそらく別のポート番号が使用されます。

すぐに使用できるこの既定のテンプレートでは、アクセスする 2 つのページと基本的なログイン ページが提供されます。 このアプリケーションの動作を変更し、プロセスで MVC ASP.NET について少し学習しましょう。 ブラウザーを閉じて、コードを変更しましょう。

次へ