如何在ASP.NET MVC的单个视图中展示多个模型的数据？

1. 创建统一视图模型 #

定义一个包含所有需展示字段的视图模型，将多个EF模型的关键数据字段整合到一起：

public class UnifiedViewModel
{
    // 示例：User模型相关字段
    public int UserId { get; set; }
    public string UserName { get; set; }
    // 示例：Order模型相关字段
    public int OrderId { get; set; }
    public DateTime OrderDate { get; set; }
    // 示例：Product模型相关字段
    public int ProductId { get; set; }
    public string ProductName { get; set; }
    public decimal Price { get; set; }
}

2. 控制器中查询并映射数据 #

根据业务逻辑，通过EF查询各模型数据并映射到视图模型集合：

关联模型场景（如用户-订单-产品关联） #

public IActionResult UnifiedData()
{
    var unifiedData = from u in _context.Users
                      join o in _context.Orders on u.UserId equals o.UserId
                      join p in _context.Products on o.ProductId equals p.ProductId
                      select new UnifiedViewModel
                      {
                          UserId = u.UserId,
                          UserName = u.UserName,
                          OrderId = o.OrderId,
                          OrderDate = o.OrderDate,
                          ProductId = p.ProductId,
                          ProductName = p.ProductName,
                          Price = p.Price
                      };

    return View(unifiedData.ToList());
}

无关联模型平铺场景（各模型记录单独展示） #

public IActionResult UnifiedData()
{
    var userData = _context.Users.Select(u => new UnifiedViewModel
    {
        UserId = u.UserId,
        UserName = u.UserName
    });

    var orderData = _context.Orders.Select(o => new UnifiedViewModel
    {
        OrderId = o.OrderId,
        OrderDate = o.OrderDate
    });

    var productData = _context.Products.Select(p => new UnifiedViewModel
    {
        ProductId = p.ProductId,
        ProductName = p.ProductName,
        Price = p.Price
    });

    var allData = userData.Union(orderData).Union(productData).ToList();
    return View(allData);
}

3. 视图中渲染表格 #

在Razor视图里，通过循环遍历视图模型集合，生成展示表格：

@model List<UnifiedViewModel>

<table class="table table-striped">
    <thead>
        <tr>
            <th>用户ID</th>
            <th>用户名</th>
            <th>订单ID</th>
            <th>订单日期</th>
            <th>产品ID</th>
            <th>产品名称</th>
            <th>价格</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>@item.UserId</td>
                <td>@(item.UserName ?? "-")</td>
                <td>@item.OrderId</td>
                <td>@(item.OrderDate != default ? item.OrderDate.ToString("yyyy-MM-dd") : "-")</td>
                <td>@item.ProductId</td>
                <td>@(item.ProductName ?? "-")</td>
                <td>@(item.Price != default ? item.Price.ToString("C") : "-")</td>
            </tr>
        }
    </tbody>
</table>

注意事项 #

• 视图模型字段需根据实际业务需求调整，避免冗余数据。
• 数据量较大时，需添加分页、过滤逻辑，防止性能问题。
• 无关联模型平铺展示时，可通过??或条件判断处理空字段，提升页面可读性。

内容的提问来源于stack exchange，提问作者Narmeen