ASP.NET Core 2.0一对多关系下局部视图使用问题咨询

我来帮你梳理下实现这个需求的两种常用方案，都是很容易上手的：

方案一：在主视图控制器中一次性获取所有数据（推荐） #

这种方式更符合MVC的设计思路，把需要的所有数据一次性准备好传给视图，逻辑清晰也方便维护。

步骤1：创建ViewModel（可选但推荐） #

首先我们可以创建一个ViewModel来包装Person和对应的Items列表，这样主视图能直接拿到所有需要的数据：

public class PersonWithItemsViewModel
{
    public Person Person { get; set; }
    public List<Item> Items { get; set; }
}

步骤2：修改主控制器的Action #

假设你现在展示Person信息的是Details Action，我们在这里同时查询Person和对应的Items：

private readonly YourDbContext _context;

// 通过构造函数注入DbContext
public PersonsController(YourDbContext context)
{
    _context = context;
}

public IActionResult Details(string personId)
{
    // 查询指定Person
    var person = _context.Persons.Find(personId);
    if (person == null)
    {
        return NotFound();
    }
    
    // 查询该用户的所有Item
    var items = _context.Items.Where(i => i.PersonID == personId).ToList();
    
    // 包装到ViewModel中传给视图
    var viewModel = new PersonWithItemsViewModel
    {
        Person = person,
        Items = items
    };
    
    return View(viewModel);
}

步骤3：修改主视图并调用局部视图 #

主视图（比如Details.cshtml）顶部指定ViewModel类型，先渲染Person信息，再调用局部视图并传入Items列表：

@model PersonWithItemsViewModel

<!-- 渲染Person基本信息 -->
<div class="person-info">
    <h2>@Model.Person.Name</h2>
    <p>用户ID：@Model.Person.PersonID</p>
</div>

<!-- 调用局部视图展示Item列表 -->
<div class="items-list">
    <h3>该用户的物品</h3>
    @await Html.PartialAsync("_ItemList", Model.Items)
</div>

步骤4：完善局部视图 #

你的局部视图_ItemList.cshtml顶部指定模型为List<Item>，然后渲染列表：

@model List<Item>

@if (Model.Any())
{
    <ul class="list-group">
        @foreach (var item in Model)
        {
            <li class="list-group-item">
                <strong>@item.ItemName</strong>
                <p>描述：@item.Description</p>
            </li>
        }
    </ul>
}
else
{
    <p class="text-muted">暂无物品记录</p>
}

方案二：通过控制器Action单独加载局部视图数据 #

如果你希望局部视图的数据单独由某个控制器Action来处理（比如后续可能需要异步加载），可以用这种方式：

步骤1：添加获取Item列表的控制器Action #

可以在现有控制器或者新建一个ItemsController中添加这个Action：

public class ItemsController : Controller
{
    private readonly YourDbContext _context;

    public ItemsController(YourDbContext context)
    {
        _context = context;
    }

    // 返回局部视图的Action
    public IActionResult GetItemsByPersonId(string personId)
    {
        var items = _context.Items.Where(i => i.PersonID == personId).ToList();
        return PartialView("_ItemList", items);
    }
}

步骤2：在主视图中调用这个Action #

主视图（比如Details.cshtml，此时模型是Person）中用Html.ActionAsync来调用上面的Action：

@model Person

<!-- 渲染Person基本信息 -->
<div class="person-info">
    <h2>@Model.Name</h2>
    <p>用户ID：@Model.PersonID</p>
</div>

<!-- 调用控制器Action加载局部视图 -->
<div class="items-list">
    <h3>该用户的物品</h3>
    @await Html.ActionAsync("GetItemsByPersonId", "Items", new { personId = Model.PersonID })
</div>

步骤3：局部视图和方案一一样 #

_ItemList.cshtml的代码和方案一中的完全相同，不需要修改。

额外注意点 #

别忘了在你的DbContext中正确配置实体关系，确保外键和复合主键生效：

protected override void OnModelCreating(ModelBuilder modelBuilder)
{
    // 配置Item的复合主键（PersonID + ItemName）
    modelBuilder.Entity<Item>()
        .HasKey(i => new { i.PersonID, i.ItemName });
    
    // 配置Item和Person的外键关联
    modelBuilder.Entity<Item>()
        .HasOne(i => i.Person)
        .WithMany() // 如果Person类中有ICollection<Item>导航属性，这里改成WithMany(p => p.Items)
        .HasForeignKey(i => i.PersonID);
}

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