最新的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"在本教程的下一个章节标签。