ASP.NET MVC入门——添加视图

最新推荐文章于 2022-08-05 15:30:54 发布

矿大测工人

最新推荐文章于 2022-08-05 15:30:54 发布

阅读量1.4k

点赞数

文章标签： c# 后端 microsoft asp.net mvc

本文链接：https://blog.csdn.net/weixin_49336442/article/details/121597587

版权

在本部分中，您将修改 HelloWorldController 类以使用视图模板文件来将生成 HTML 响应的过程清晰地封装到客户端。

使用 Razor 视图引擎可以创建视图模板文件。基于 Razor 的视图模板的文件扩展名为 cshtml ，并提供使用 c # 创建 HTML 输出的简洁方法。 Razor 最大程度地减少了编写视图模板时所需的字符和击键数量，并启用了快速、流畅的编码工作流。

当前，Index 方法返回带有在控制器类中硬编码的消息的字符串。更改 Index 方法以调用控制器视图方法，如以下代码所示：

public ActionResult Index() 
{ 
    return View(); 
}

Index上面的方法使用视图模板生成浏览器的 HTML 响应。控制器方法 (也称为操作方法) （如 Index 上面的方法）通常返回 ActionResult (或派生自 ActionResult) 的类，而不是字符串等基元类型。

右键单击 Views\HelloWorld 文件夹，然后单击 " 添加"，然后单击 " ** (Razor) 的布局" 的 "MVC 5 视图页 **"。

在 " 指定项目的名称 " 对话框中，输入 Index，然后单击 "确定"。

在 "选择布局页" 对话框中，接受默认的** _ 布局 Cshtml** ，然后单击 "确定"。

在上面的对话框中，在左窗格中选择了 " Views\Shared " 文件夹。如果在其他文件夹中有自定义的布局文件，则可以选择它。我们稍后将在本教程中讨论布局文件

将创建 MvcMovie\Views\HelloWorld\Index.cshtml 文件。

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>Hello from our View Template!</p>

右键单击该 索引的 cshtml 文件，然后选择 "在浏览器中查看"。

您还可以右键单击该 索引的 cshtml 文件，然后 在 Page Inspector 中选择 "查看"。 有关详细信息，请参阅 Page Inspector 教程。

或者，运行

关注