当前位置：首页 > article >正文

Asp.NET Core Mvc中一个视图怎么设置多个强数据类型

article 2024/11/15 16:38:01

在ASP.NET Core MVC中，一个视图通常与一个强类型模型（Model）相关联。然而，在某些情况下，你可能需要在单个视图中使用多个不同的模型类型。为了实现这一点，你有几种选择：

使用视图模型（ViewModel）：
创建一个包含所有需要属性的新的视图模型类。这是最常见和推荐的方法，因为它保持了视图的单一职责原则，并且使得视图代码更加清晰和易于维护。

例如，假设你有两个模型 User 和 Order，你可以创建一个视图模型 UserOrderViewModel：

public class User
{
    public int Id { get; set; }
    public string Name { get; set; }
}

public class Order
{
    public int Id { get; set; }
    public decimal Total { get; set; }
}

public class UserOrderViewModel
{
    public User User { get; set; }
    public Order Order { get; set; }
}

然后在你的控制器中，创建并传递这个视图模型到视图：

public IActionResult SomeAction()
{
    var user = new User { Id = 1, Name = "John Doe" };
    var order = new Order { Id = 101, Total = 99.99M };

    var model = new UserOrderViewModel { User = user, Order = order };

    return View(model);
}

在视图中，你可以这样使用：

@model YourNamespace.Models.UserOrderViewModel

<div>
    <h2>User Information</h2>
    <p>Name: @Model.User.Name</p>
</div>

<div>
    <h2>Order Information</h2>
    <p>Total: @Model.Order.Total</p>
</div>

使用 ViewData 或 ViewBag：
ViewData 和 ViewBag 是动态对象，可以在控制器中设置值，然后在视图中读取。虽然这种方法更简单，但它牺牲了类型安全和代码的可读性。

在控制器中：

public IActionResult SomeAction()
{
    var user = new User { Id = 1, Name = "John Doe" };
    var order = new Order { Id = 101, Total = 99.99M };

    ViewData["User"] = user;
    ViewData["Order"] = order;

    return View();
}

在视图中：

@{
    var user = ViewData["User"] as User;
    var order = ViewData["Order"] as Order;
}

<div>
    <h2>User Information</h2>
    <p>Name: @user.Name</p>
</div>

<div>
    <h2>Order Information</h2>
    <p>Total: @order.Total</p>
</div>

使用 Tuple：
虽然技术上可行，但这种方法不推荐，因为它牺牲了代码的可读性和维护性。

在控制器中：

public IActionResult SomeAction()
{
    var user = new User { Id = 1, Name = "John Doe" };
    var order = new Order { Id = 101, Total = 99.99M };

    var model = Tuple.Create(user, order);

    return View(model);
}

在视图中：

@model Tuple<YourNamespace.Models.User, YourNamespace.Models.Order>

<div>
    <h2>User Information</h2>
    <p>Name: @Model.Item1.Name</p>
</div>

<div>
    <h2>Order Information</h2>
    <p>Total: @Model.Item2.Total</p>
</div>