最新のWeb開発のチュートリアル
 

ASP.NET MVC - ビュー


私たちは、インターネットアプリケーションを構築する、ASP.NET MVCを学ぶために。

パートV:アプリケーションを表示するためのビューを追加します。


ビューのフォルダ

ビューは、店舗のファイルフォルダ(HTML files)アプリケーションの表示に関連する(the user interfaces) 。 これらのファイルは、言語の内容に応じて、拡張子のHTML、ASP、ASPX、CSHTML、およびvbhtmlを有することができます。

[ビュー]フォルダには、各コントローラに1つのフォルダが含まれています。

ビジュアルWeb開発者は、アカウントのフォルダ、ホームフォルダ、および共有フォルダを作成している(inside the Views folder)

アカウントのフォルダには、ユーザーのアカウントに登録し、ログインするためのページが含まれています。

ホームフォルダストアインデックスページなどのアプリケーションページ(home page)とについてのページ。

共有フォルダは、コントローラ間で共有ビュー格納するために使用された(master pages and layout pages)

ビュー


ASP.NETファイルの種類

以下のHTMLファイルの種類には、[ビュー]フォルダで見つけることができます:

ファイルの種類 拡張子
プレーンHTML .htmまたは.htmlを
クラシックASP .asp
クラシックASP.NET .aspxの
ASP.NET RazorのC# .cshtml
ASP.NET Razor VB .vbhtml

インデックスファイル

ファイルIndex.cshtmlは、アプリケーションのホーム・ページを表します。 これは、アプリケーションのデフォルトのファイルである(index file)

ファイルに次の内容を入れて:

@{ViewBag.Title = "Home Page";}

<h1>Welcome to w3ii</h1>

<p>Put Home Page content here</p>

ファイルについて

ファイルには、アプリケーションの概要ページを表すAbout.cshtml。

ファイルに次の内容を入れて:

@{ViewBag.Title = "About Us";}

<h1>About Us</h1>

<p>Put About Us content here</p>

アプリケーションの実行

デバッグ、デバッグ開始を選択し(or F5)ビジュアルWeb開発者メニューから。

アプリケーションは、次のようになります。

MVCアプリケーション

クリックして"Home"タブと"About" 、それがどのように動作するかを確認するために、タブ。


おめでとうございます

おめでとうございます。 あなたはあなたの最初のMVCアプリケーションを作成しました。

注意:あなたはをクリックすることができない"Movies"まだタブ。 我々はのためのコードを追加します"Movies"このチュートリアルの次の章でタブ。