MVC中用IEnumerable模型关联多表的Entity Framework新手求助

1. 先确认实体类的关联配置 #

假设你的表结构是：Company表含Id（主键）、Name等字段；Component表含Id（主键）、CompanyId（外键关联Company.Id）、ComponentName等字段。先修正实体类的关联关系：

public class Company
{
    public int Id { get; set; }
    public string Name { get; set; }
    // 导航属性：一个公司对应多个组件
    public ICollection<Component> Components { get; set; } = new List<Component>();
}

public class Component
{
    public int Id { get; set; }
    public string ComponentName { get; set; }
    public int CompanyId { get; set; }
    // 导航属性：一个组件属于一个公司
    public Company Company { get; set; }
}

2. 配置DbContext #

确保DbContext中正确注册实体和外键关系：

public class CompanyDbContext : DbContext
{
    public CompanyDbContext(DbContextOptions<CompanyDbContext> options) : base(options) { }

    public DbSet<Company> Companies { get; set; }
    public DbSet<Component> Components { get; set; }

    protected override void OnModelCreating(ModelBuilder modelBuilder)
    {
        // 配置外键关联规则
        modelBuilder.Entity<Component>()
            .HasOne(c => c.Company)
            .WithMany(c => c.Components)
            .HasForeignKey(c => c.CompanyId)
            .OnDelete(DeleteBehavior.Cascade);
    }
}

3. 修正ViewModel（JoinAndViewModel） #

根据展示需求选择ViewModel结构：

• 若按公司分组展示组件：

public class JoinAndViewModel
{
    public Company Company { get; set; }
    public ICollection<Component> Components { get; set; }
}

• 若扁平化展示每条公司-组件关联数据：

public class JoinAndViewModel
{
    public int CompanyId { get; set; }
    public string CompanyName { get; set; }
    public int ComponentId { get; set; }
    public string ComponentName { get; set; }
}

4. 修正Controller逻辑 #

在CompanyController的Action中，用预加载或Linq查询组装数据：

方式1：按公司分组加载关联数据 #

private readonly CompanyDbContext _context;

public CompanyController(CompanyDbContext context)
{
    _context = context;
}

public IActionResult Index()
{
    // 预加载公司对应的组件集合，避免延迟加载空引用
    var companiesWithComponents = _context.Companies
        .Include(c => c.Components)
        .ToList();
    return View(companiesWithComponents);
}

方式2：组装扁平化ViewModel数据 #

public IActionResult Index()
{
    var viewModelList = _context.Components
        .Join(_context.Companies,
            comp => comp.CompanyId,
            compy => compy.Id,
            (comp, compy) => new JoinAndViewModel
            {
                CompanyId = compy.Id,
                CompanyName = compy.Name,
                ComponentId = comp.Id,
                ComponentName = comp.ComponentName
            })
        .ToList();
    return View(viewModelList);
}

5. 修正视图代码 #

根据Controller传递的模型类型编写视图：

情况1：模型为List（按公司分组展示） #

@model List<Company>

<h1>公司及组件列表</h1>
@foreach (var company in Model)
{
    <div class="company-item">
        <h3>@company.Name（ID：@company.Id）</h3>
        <ul>
            @foreach (var component in company.Components)
            {
                <li>@component.ComponentName（ID：@component.Id）</li>
            }
        </ul>
    </div>
}

情况2：模型为List（扁平化表格展示） #

@model List<JoinAndViewModel>

<h1>公司组件关联列表</h1>
<table border="1">
    <thead>
        <tr>
            <th>公司ID</th>
            <th>公司名称</th>
            <th>组件ID</th>
            <th>组件名称</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>@item.CompanyId</td>
                <td>@item.CompanyName</td>
                <td>@item.ComponentId</td>
                <td>@item.ComponentName</td>
            </tr>
        }
    </tbody>
</table>

常见问题排查 #

• 确保DbContext已在Program.cs中正确注册：

  builder.Services.AddDbContext<CompanyDbContext>(options =>
      options.UseSqlServer(builder.Configuration.GetConnectionString("DefaultConnection")));
  

• 检查数据库中Component表的CompanyId字段是否有合法外键约束，且数据值对应存在的Company.Id
• 避免延迟加载导致的空引用：优先使用Include预加载导航属性，不要依赖延迟加载（容易引发视图中数据库连接已关闭的错误）

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