前序
当前,Index
方法返回一个字符串,其中包含控制器类中的消息。 在 HelloWorldController
类中,将 Index
方法替换为以下代码:
public IActionResult Index()
{
return View();
}
- 调用该控制器的 View 方法。
- 使用视图模板生成 HTML 响应。视图模板是使用 Razor 创建的。 基于 Razor 的视图模板:
- 具有
.cshtml
文件扩展名。 - 提供一种巧妙的方法来使用 C# 创建 HTML 输出
- 具有
控制器方法
- 称为“操作方法”。 例如,上述代码中的
Index
操作方法。 - 通常返回 IActionResult 或从 ActionResult 派生的类,而不是
string
这样的类型。
添加视图
1. 添加HelloWorld文件夹到Views文件夹下:
2. 右键单击“Views/HelloWorld”文件夹,然后单击“添加”>“新项”。
在“添加新项 - MvcMovie”对话框中:
- 在右上角的搜索框中,输入“视图”
- 选择“Razor 视图 - 空”
- 保持“名称”框的值:
Index.cshtml
。 - 选择“添加”
3. 将 Views/HelloWorld/Index.cshtml
Razor 视图文件的内容替换为以下内容:
@{
ViewData["Title"] = "Index";
}
<h2>Index</h2>
<p>Hello from our View Template!</p>
导航到 https://localhost:{PORT}/HelloWorld
:
-
HelloWorldController
中的Index
方法运行return View();
语句,指定此方法应使用视图模板文件来呈现对浏览器的响应。 -
由于未指定视图模板文件名称,因此 MVC 默认使用默认视图文件。 如果未指定视图文件名称,则返回默认视图。 默认视图与操作方法的名称相同,在本例中为
Index
。 使用视图模板/Views/HelloWorld/Index.cshtml
。
更改视图和布局页面
打开 Views/Shared/_Layout.cshtml
文件。<