最新的Web開發教程
 

ASP.NET MVC - 視圖


要了解ASP.NET MVC,我們正在建立一個互聯網應用。

第五部分:添加視圖用於顯示應用。


Views文件夾

Views文件夾存儲文件(HTML files)相關的應用程序的顯示(the user interfaces) 。 這些文件可能具有擴展HTML,ASP,ASPX,CSHTML和vbhtml,根據語言的內容。

在查看文件夾包含每個控制器一個文件夾。

Visual Web Developer中創建了一個賬戶文件夾,主文件夾和共享文件夾(inside the Views folder)

賬戶文件夾中包含用於註冊和用戶帳戶登錄頁面。

在主頁文件夾中存儲的應用程序頁面,如索引頁(home page)和關於頁面。

共享文件夾被用來存儲控制器之間共享視圖(master pages and layout pages)

查看


ASP.NET文件類型

下面的HTML類型的文件可以在瀏覽文件夾中找到:

文件類型 Extention
純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)從Visual Web Developer中的菜單。

您的應用程序看起來就像這樣:

MVC應用程序

點擊上的"Home"選項卡和"About"選項卡,看看它是如何工作的。


祝賀

恭喜。 你已經創建了第一個MVC應用程序。

注意:您不能在點擊"Movies"標籤呢。 我們將添加代碼為"Movies"在本教程的下一個章節標籤。