ASP.NET MVC - 跨视图传递数据

AI

使用ASP.NET MVC开发Web应用程序时，经常需要在不同的视图之间传递数据。幸运的是，ASP.NET MVC提供了一种简单而强大的机制来实现这一目标。本文将介绍如何在ASP.NET MVC中跨视图传递数据，并提供一个案例代码来帮助读者更好地理解这个过程。

什么是跨视图传递数据?

在ASP.NET MVC中，跨视图传递数据是指将数据从一个视图传递到另一个视图的过程。这样做的一个常见场景是将用户在一个视图中输入的数据传递到另一个视图中进行展示或处理。例如，一个用户在一个表单中输入了一些数据，然后点击提交按钮，这些数据需要在另一个视图中进行展示或保存。

如何在ASP.NET MVC中跨视图传递数据?

在ASP.NET MVC中，可以使用多种方法来实现跨视图传递数据，包括使用视图模型、TempData、Session等。其中，使用视图模型是最常见和推荐的方法。

使用视图模型传递数据

视图模型是一个简单的POCO（PlAIn Old CLR Object）类，用于在控制器和视图之间传递数据。通过使用视图模型，可以将需要传递的数据封装在一个对象中，然后将该对象传递给视图进行展示。

下面是一个简单的例子，展示了如何使用视图模型在两个视图之间传递数据。

首先，我们创建一个名为"Person"的视图模型类，该类包含一个名为"Name"的属性。

csharp
public class PersonViewModel
{
    public string Name { get; set; }
}

接下来，我们创建一个名为"HomeController"的控制器，并在其中定义两个动作方法。

csharp
public class HomeController : Controller
{
    public ActionResult Index()
    {
        var person = new PersonViewModel
        {
            Name = "John Doe"
        };
        return View(person);
    }
    public ActionResult Welcome(PersonViewModel person)
    {
        return View(person);
    }
}

在Index方法中，我们创建了一个PersonViewModel对象，并将其传递给Index视图进行展示。在Welcome方法中，我们将接收到的PersonViewModel对象传递给Welcome视图进行展示。

接下来，我们创建两个对应的视图文件。

Index.cshtml:

html
@model PersonViewModel
<h2>Welcome to my website!</h2>
Please enter your name:
@using (Html.BeginForm("Welcome", "Home", FormMethod.Post))
{
    @Html.TextBoxFor(model => model.Name)
    <br />
    <input type="submit" value="Submit" />
}

Welcome.cshtml:

html
@model PersonViewModel
<h2>Welcome, <strong>@Model.Name</strong>!</h2>
Thank you for visiting my website.

在Index视图中，我们使用Html.TextBoxFor方法创建了一个文本框，用于接收用户输入的姓名。然后，我们使用Html.BeginForm方法创建了一个表单，并将表单的提交目标设置为Welcome方法。最后，我们使用@Model.Name在Welcome视图中展示用户输入的姓名。

当用户在Index视图中输入姓名并点击提交按钮时，数据将被传递到Welcome方法中，并显示在Welcome视图中。

本文介绍了如何在ASP.NET MVC中跨视图传递数据。通过使用视图模型，我们可以将需要传递的数据封装在一个对象中，并将该对象传递给视图进行展示。这种方法简单而强大，是在ASP.NET MVC中进行数据传递的首选方法。

参考代码

csharp
public class PersonViewModel
{
    public string Name { get; set; }
}
public class HomeController : Controller
{
    public ActionResult Index()
    {
        var person = new PersonViewModel
        {
            Name = "John Doe"
        };
        return View(person);
    }
    public ActionResult Welcome(PersonViewModel person)
    {
        return View(person);
    }
}

Index.cshtml:

html
@model PersonViewModel
<h2>Welcome to my website!</h2>
Please enter your name:
@using (Html.BeginForm("Welcome", "Home", FormMethod.Post))
{
    @Html.TextBoxFor(model => model.Name)
    <br />
    <input type="submit" value="Submit" />
}

Welcome.cshtml:

html
@model PersonViewModel
<h2>Welcome, <strong>@Model.Name</strong>!</h2>
Thank you for visiting my website.