ASP.NET MVC - 视图

为了学习 ASP.NET MVC,我们将构建一个 Internet 应用程序。

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

Views 文件夹

Views 文件夹存储的是与应用程序显示(用户界面)相关的文件(HTML 文件)。根据语言的不同,这些文件的扩展名可能是 html、asp、aspx、cshtml 以及 vbhtml。

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

Visual Web Developer 已创建了一个 Account 文件夹、一个 Home 文件夹、一个 Shared 文件夹(在 Views 文件夹内)。

Account 文件夹包含用于注册并登录用户帐户的页面。

Home 文件夹用于存储诸如首页和关于页之类的应用程序页面。

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 表示应用程序的首页。它是应用程序的默认文件(首页文件)。

在文件中写入以下内容:

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

<h1>Welcome to web</h1>

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

About 文件

文件 About.cshtml 表示应用程序的关于页面。

在文件中写入以下内容:

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

<h1>About Us</h1>

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

运行应用程序

选择调试,从调试菜单中启动调试(或者按 F5)。

您的应用程序将类似这样:

请点击“首页”和“关于”,看看它是如何运行的。

祝贺你

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

注释:“电影”选项卡仍然无法点击。我们将在本教程稍后的章节中为“电影”选项卡添加代码。

成品网站超市图标