ASP.NET MVC - 視圖

為了學(xué)習(xí) ASP.NET MVC，我們將構(gòu)建一個 Internet 應(yīng)用程序。

第 5 部分：添加用于顯示應(yīng)用程序的視圖。

Views 文件夾

Views 文件夾存儲的是與應(yīng)用程序顯示（用戶界面）相關(guān)的文件（HTML 文件）。根據(jù)所采用的語言內(nèi)容，這些文件可能擴(kuò)展名可能是 html、asp、aspx、cshtml 和 vbhtml。

Views 文件夾中包含每個控制器對應(yīng)的一個文件夾。

在 Views 文件夾中，Visual Web Developer 已經(jīng)創(chuàng)建了一個 Account 文件夾、一個 Home 文件夾、一個 Shared 文件夾。

Account 文件夾包含用于用戶賬號注冊和登錄的頁面。

Home 文件夾用于存儲諸如 home 頁和 about 頁之類的應(yīng)用程序頁面。

Shared 文件夾用于存儲控制器間分享的視圖（母版頁和布局頁）。

pic_mvc_views.jpg

ASP.NET 文件類型

在 Views 文件夾中可以看到以下 HTML 文件類型：

文件類型擴(kuò)展名
純 HTML.htm or .html
經(jīng)典 ASP.asp
經(jīng)典 ASP.NET.aspx
ASP.NET Razor C#.cshtml
ASP.NET Razor VB.vbhtml

Index 文件

文件 Index.cshtml 表示應(yīng)用程序的 Home 頁面。它是應(yīng)用程序的默認(rèn)文件（首頁文件）。

在文件中寫入以下內(nèi)容：

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

<h1>Welcome to W3CSchool.cc</h1>

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

About 文件

文件 About.cshtml 表示應(yīng)用程序的 About 頁面。

在文件中寫入以下內(nèi)容：

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

<h1>About Us</h1>

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

運行應(yīng)用程序

選擇 Debug，從 Visual Web Developer 菜單中啟動調(diào)試 Start Debugging（或者按 F5）。

您的應(yīng)用程序?qū)@示如下：

pic_mvc_app.jpg

點擊 "Home" 標(biāo)簽頁和 "About" 標(biāo)簽頁，看看它是如何運作的。

祝賀您

祝賀您。您已經(jīng)創(chuàng)建好了您的第一個 MVC 應(yīng)用程序。

注釋：您暫時還不能點擊 "Movies" 標(biāo)簽頁。我們將在本教程的后面章節(jié)中為 "Movies" 標(biāo)簽頁添加代碼。