私たちは、インターネットアプリケーションを構築する、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開発者メニューから。
アプリケーションは、次のようになります。
クリックして"Home"タブと"About" 、それがどのように動作するかを確認するために、タブ。
おめでとうございます
おめでとうございます。 あなたはあなたの最初のMVCアプリケーションを作成しました。
注意:あなたはをクリックすることができない"Movies"まだタブ。 我々はのためのコードを追加します"Movies"このチュートリアルの次の章でタブ。