📅 最后修改于: 2023-12-03 14:39:22.480000 🧑 作者: Mango
在 ASP.NET MVC 中，很多情况下我们需要将数据显示在前端页面上，这时候就需要使用转到页面（View）了。转到页面的方式有很多种，其中最常用的是将数据传递给视图，然后在视图中使用 HTML 构建页面。
在 ASP.NET MVC 中，我们可以通过控制器的 ActionResult 方法来将数据传递给视图。其中最常用的方法是 View 方法。
View 方法有多个重载，其中最基本的一个重载是只传递视图的名称，例如：
public ActionResult Index()
{
return View("Index");
}
这个方法将会查找名为 Index.cshtml 的视图，并返回该视图的 HTML 内容。
我们也可以将数据传递给视图，例如：
public ActionResult Index()
{
var model = new MyModel { Name = "John" };
return View("Index", model);
}
这个方法将会查找名为 Index.cshtml 的视图，并将 MyModel 对象传递给该视图。在视图中，我们可以使用 Razor 语法来显示该对象的属性：
<p>Hello, @Model.Name!</p>
在 ASP.NET MVC 中，我们通常会使用 Razor 语法来构建 HTML 页面。Razor 是一种简单、易读的语法，可以让我们在视图中方便地插入 C# 代码，例如：
<p>Hello, @Model.Name! Today is @DateTime.Now.ToShortDateString().</p>
在这个例子中，@ 符号表示后面的内容是代码，可以是变量、方法调用、循环等等。Razor 会将这些代码解析成 HTML，然后返回给客户端。
除了 Razor 语法，ASP.NET MVC 还支持其他一些方式来构建 HTML 页面，例如使用 jQuery、Bootstrap、Angular 等等。无论使用什么方式，我们都需要注意保持页面代码的结构清晰，避免出现难以维护的混乱代码。
最后，我们来看一个完整的示例代码。假设我们的控制器如下：
public class HomeController : Controller
{
public ActionResult Index()
{
var model = new MyModel { Name = "John" };
return View("Index", model);
}
}
这个控制器将会查找名为 Index.cshtml 的视图，并将 MyModel 对象传递给该视图。
而 Index.cshtml 的代码如下：
@model MyModel
<!DOCTYPE html>
<html>
<head>
<title>@Model.Name's Home Page</title>
</head>
<body>
<h1>@Model.Name's Home Page</h1>
<p>Hello, @Model.Name! Today is @DateTime.Now.ToShortDateString().</p>
</body>
</html>
在这个代码中，我们使用了 Razor 语法来插入代码和变量。最终输出的 HTML 代码如下：
<!DOCTYPE html>
<html>
<head>
<title>John's Home Page</title>
</head>
<body>
<h1>John's Home Page</h1>
<p>Hello, John! Today is 2022/01/01.</p>
</body>
</html>
这个页面将会在浏览器中显示出来，完成了我们的整个转到页面过程。
以上就是 ASP.NET MVC 转到页面（View）的介绍和示例代码。希望对大家有所帮助！