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

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

  1. 使用视图模型(ViewModel)

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

    例如,假设你有两个模型 UserOrder,你可以创建一个视图模型 UserOrderViewModel

    csharp 复制代码
    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; }
    }

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

    csharp 复制代码
    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);
    }

    在视图中,你可以这样使用:

    html 复制代码
    @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>
  2. 使用 ViewDataViewBag
    ViewDataViewBag 是动态对象,可以在控制器中设置值,然后在视图中读取。虽然这种方法更简单,但它牺牲了类型安全和代码的可读性。

    在控制器中:

    csharp 复制代码
    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();
    }

    在视图中:

    html 复制代码
    @{
        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>
  3. 使用 Tuple

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

    在控制器中:

    csharp 复制代码
    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);
    }

    在视图中:

    html 复制代码
    @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>

综上所述,推荐使用视图模型(ViewModel)方法,因为它提供了类型安全、清晰的代码结构和更好的可维护性。

相关推荐
涡能增压发动积9 小时前
同样的代码循环 10次正常 循环 100次就抛异常?自定义 Comparator 的 bug 让我丢尽颜面
后端
Wenweno0o9 小时前
0基础Go语言Eino框架智能体实战-chatModel
开发语言·后端·golang
swg3213219 小时前
Spring Boot 3.X Oauth2 认证服务与资源服务
java·spring boot·后端
tyung9 小时前
一个 main.go 搞定协作白板:你画一笔,全世界都看见
后端·go
gelald9 小时前
SpringBoot - 自动配置原理
java·spring boot·后端
殷紫川10 小时前
深入拆解 Java 内存模型:从原子性、可见性到有序性,彻底搞懂 happen-before 规则
java·后端
元宝骑士10 小时前
FIND_IN_SET使用指南:场景、优缺点与MySQL优化策略
后端·mysql
用户319523703477110 小时前
记一次 PostgreSQL WAL 日志撑爆磁盘的排查
后端
nghxni10 小时前
LightESB PlatformHttp v3.0.0:JSONPath 订单转换 HTTP 路由实战
后端
武子康11 小时前
大数据-263 实时数仓-Canal 增量订阅与消费原理:MySQL Binlog 数据同步实践
大数据·hadoop·后端