ASP.NET MVC 视图

asp.net mvc - 视图

为了学习 asp.net mvc,我们将构建一个 internet 应用程序。

第 5 部分:添加用于显示应用程序的视图。

views 文件夹

views 文件夹存储的是与应用程序显示(用户界面)相关的文件(html 文件)。根据所采用的语言内容,这些文件可能扩展名可能是 html、asp、aspx、cshtml 和 vbhtml。

views 文件夹中包含每个控制器对应的一个文件夹。

在 views 文件夹中,visual web developer 已经创建了一个 account 文件夹、一个 home 文件夹、一个 shared 文件夹。

account 文件夹包含用于用户账号注册和登录的页面。

home 文件夹用于存储诸如 home 页和 about 页之类的应用程序页面。

shared 文件夹用于存储控制器间分享的视图(母版页和布局页)。

asp.net 文件类型

在 views 文件夹中可以看到以下 html 文件类型:

文件类型 扩展名
纯 html .htm or .html
经典 asp .asp
经典 asp.net .aspx
asp.net razor c# .cshtml
asp.net razor vb .vbhtml

index 文件

文件 index.cshtml 表示应用程序的 home 页面。它是应用程序的默认文件(首页文件)。

在文件中写入以下内容:

@{viewbag.title = "home page";}

welcome to yapf.com



put home page content here


about 文件

文件 about.cshtml 表示应用程序的 about 页面。

在文件中写入以下内容:

@{viewbag.title = "about us";}

about us



put about us content here


运行应用程序

选择 debug,从 visual web developer 菜单中启动调试 start debugging(或者按 f5)。

您的应用程序将显示如下:

点击 "home" 标签页和 "about" 标签页,看看它是如何运作的。

祝贺您

祝贺您。您已经创建好了您的第一个 mvc 应用程序。

注释:您暂时还不能点击 "movies" 标签页。我们将在本教程的后面章节中为 "movies" 标签页添加代码。


相关文章