ASP.NET MVC - 視圖
為了學(xué)習(xí) ASP.NET MVC,我們將構(gòu)建一個(gè) Internet 應(yīng)用程序。
部分 5:添加用于顯示應(yīng)用程序的視圖。
Views 文件夾
Views 文件夾存儲(chǔ)的是與應(yīng)用程序顯示(用戶界面)相關(guān)的文件(HTML 文件)。根據(jù)語(yǔ)言的不同,這些文件的擴(kuò)展名可能是 html、asp、aspx、cshtml 以及 vbhtml。
Views 文件夾包含每個(gè)控制器對(duì)應(yīng)的一個(gè)文件夾。
Visual Web Developer 已創(chuàng)建了一個(gè) Account 文件夾、一個(gè) Home 文件夾、一個(gè) Shared 文件夾(在 Views 文件夾內(nèi))。
Account 文件夾包含用于注冊(cè)并登錄用戶帳戶的頁(yè)面。
Home 文件夾用于存儲(chǔ)諸如首頁(yè)和關(guān)于頁(yè)之類的應(yīng)用程序頁(yè)面。
Shared 文件夾用于存儲(chǔ)控制器間分享的視圖(模板頁(yè)和布局頁(yè))。
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)用程序的首頁(yè)。它是應(yīng)用程序的默認(rèn)文件(首頁(yè)文件)。
在文件中寫入以下內(nèi)容:
@{ViewBag.Title = "Home Page";}
<h1>Welcome to W3School</h1>
<p>Put Home Page content here</p>
About 文件
文件 About.cshtml 表示應(yīng)用程序的關(guān)于頁(yè)面。
在文件中寫入以下內(nèi)容:
@{ViewBag.Title = "About Us";}
<h1>About Us</h1>
<p>Put About Us content here</p>
運(yùn)行應(yīng)用程序
選擇調(diào)試,從調(diào)試菜單中啟動(dòng)調(diào)試(或者按 F5)。
您的應(yīng)用程序?qū)㈩愃七@樣:
請(qǐng)點(diǎn)擊“首頁(yè)”和“關(guān)于”,看看它是如何運(yùn)行的。
祝賀你
祝賀您。您已經(jīng)創(chuàng)建好了第一個(gè) MVC 應(yīng)用程序。
注釋:“電影”選項(xiàng)卡仍然無(wú)法點(diǎn)擊。我們將在本教程稍后的章節(jié)中為“電影”選項(xiàng)卡添加代碼。