如何在MVC 5视图中绑定多个模型？需同时使用3个模型

嘿，我来帮你搞定在同一个视图里用三个模型的问题！在ASP.NET MVC场景下，要在单个视图中处理多个模型，最靠谱的方式是创建一个ViewModel（视图模型）——它能把你需要的所有模型整合到一起，既保证类型安全，后续维护也方便。下面是具体的实现步骤：

步骤1：创建ViewModel类 #

首先新建一个ViewModel类，把你已有的PhieuMuonSach、CTPhieuMuonSach，以及第三个需要的模型（这里我暂时命名为ThirdModel，你可以替换成实际的模型名称）都包含进来：

public class PhieuMuonViewModel
{
    // 已有的第一个模型
    public PhieuMuonSach PhieuMuon { get; set; }
    // 已有的第二个模型
    public CTPhieuMuonSach CTPhieuMuon { get; set; }
    // 第三个模型，替换成你实际的模型类型
    public ThirdModel ThirdModel { get; set; }
}

你提供的PhieuMuonSach模型代码如下（方便你参考补全）：

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.ComponentModel.DataAnnotations.Schema;
using System.Data.Entity.Spatial;

[Table("PhieuMuonSach")]
public partial class PhieuMuonSach
{
    [System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Usage", "CA2214:DoNotCallOverridableMethodsInConstructors")]
    public PhieuMuonSach()
    {
        // 通常这里会初始化关联的集合，比如：
        CTPhieuMuonSaches = new HashSet<CTPhieuMuonSach>();
    }

    // 假设你的模型包含这些核心属性，可根据实际情况调整
    [Key]
    public int MaPhieuMuon { get; set; }
    public int MaDocGia { get; set; }
    public DateTime NgayMuon { get; set; }
    public DateTime NgayTraDuKien { get; set; }
    public bool DaTra { get; set; }

    [System.Diagnostics.CodeAnalysis.SuppressMessage("Microsoft.Usage", "CA2227:CollectionPropertiesShouldBeReadOnly")]
    public virtual ICollection<CTPhieuMuonSach> CTPhieuMuonSaches { get; set; }
}

步骤2：在控制器中填充ViewModel并传递给视图 #

接下来在你的控制器Action里，实例化ViewModel，分别填充三个模型的数据，再把ViewModel传给视图：

public ActionResult YourTargetAction()
{
    // 初始化ViewModel
    var viewModel = new PhieuMuonViewModel();

    // 填充第一个模型数据（示例为从数据库查询，替换成你的实际逻辑）
    viewModel.PhieuMuon = db.PhieuMuonSaches.Find(1);

    // 填充第二个模型数据（关联第一个模型的查询逻辑）
    viewModel.CTPhieuMuon = db.CTPhieuMuonSaches.FirstOrDefault(c => c.MaPhieuMuon == viewModel.PhieuMuon.MaPhieuMuon);

    // 填充第三个模型数据
    viewModel.ThirdModel = db.ThirdModels.Find(1); // 替换成你的实际查询逻辑

    // 将ViewModel传递给视图
    return View(viewModel);
}

步骤3：在视图中使用ViewModel #

最后修改视图顶部的@model指令，指向你的ViewModel，之后就能轻松访问三个模型的所有属性了：

@model YourProjectNamespace.PhieuMuonViewModel

<!-- 访问PhieuMuonSach的属性 -->
<div class="phieu-muon-info">
    <p>Mã phiếu mượn: @Model.PhieuMuon.MaPhieuMuon</p>
    <p>Ngày mượn: @Model.PhieuMuon.NgayMuon.ToString("dd/MM/yyyy")</p>
    <p>Trạng thái trả sách: @(Model.PhieuMuon.DaTra ? "Đã trả" : "Chưa trả")</p>
</div>

<!-- 访问CTPhieuMuonSach的属性 -->
<div class="ct-phieu-muon-info">
    <p>Mã sách: @Model.CTPhieuMuon.MaSach</p>
    <p>Số lượng: @Model.CTPhieuMuon.SoLuong</p>
</div>

<!-- 访问第三个模型的属性 -->
<div class="third-model-info">
    <p>Thông tin thứ ba: @Model.ThirdModel.YourPropertyName</p>
</div>

其他可选方法（仅适合简单场景） #

如果是非常简单的场景，也可以用以下方式，但ViewModel始终是复杂场景的最佳选择：

• Tuple：直接传递多个模型，但类型不直观，后续维护麻烦

  return View(Tuple.Create(phieuMuon, ctPhieuMuon, thirdModel));
  

  视图中需用@model Tuple<PhieuMuonSach, CTPhieuMuonSach, ThirdModel>来访问
• ViewBag/ViewData：动态类型，无需强类型，但编译时不检查错误，容易出bug

  ViewBag.PhieuMuon = phieuMuon;
  ViewBag.CTPhieuMuon = ctPhieuMuon;
  ViewBag.ThirdModel = thirdModel;
  

  视图中用@ViewBag.PhieuMuon.MaPhieuMuon访问

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