ASP.NET MVC零基础自学篇:(六)ASP.NET MVC 视图

版权声明:转载请备注加链接原文,重写请修改加备注链接,谢谢 https://blog.csdn.net/weixin_43972758/article/details/86525597

ASP.NET MVC - 视图


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


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";}

<h1>Welcome to runoob.com</h1>

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

About 文件

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

扫描二维码关注公众号,回复: 4965298 查看本文章

在文件中写入以下内容:

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

<h1>About Us</h1>

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

运行应用程序

选择 Debug,从 Visual Web Developer 菜单中启动调试 Start Debugging(或者按 F5)。

您的应用程序将显示如下:
在这里插入图片描述
点击 “Home” 标签页和 “About” 标签页,看看它是如何运作的。


恭喜您

恭喜您。您已经创建好了您的第一个 MVC 应用程序。

注释:您暂时还不能点击 “Movies” 标签页。我们将在本自学篇的后面篇章中为 “Movies” 标签页添加代码。


下一篇:ASP.NET MVC零基础自学篇:(七) ASP.NET MVC 数据库

上一篇:ASP.NET MVC零基础自学篇:(五) ASP.NET MVC 控制器


友情连接

C#将Excel表格内容导入数据库–ASP.NET MVC

JQuery ajax 实现关闭弹窗,刷新列表

ASP.NET MVC的 Action跳转方法归纳部分

jQuery实现checkbox多选,单选与数据库交互传值,赋值整理

C# String字符串方法的使用归纳(直观,粗暴)

猜你喜欢

转载自blog.csdn.net/weixin_43972758/article/details/86525597