Blazor如何为含子类的模型生成完整CRUD脚手架？

Blazor默认CRUD脚手架仅自动处理值类型属性（如int、DateTime），对于Player1、Player2这类引用类型的导航属性，不会自动生成对应列，这就是你看到Index页面缺少Player相关代码的原因。可以通过以下几种方式手动补充实现：

1. 用PropertyColumn直接显示子类属性 #

如果Player类有明确的可展示属性（如Name、Id），可直接在QuickGrid中新增PropertyColumn，指定导航属性的子字段：

<QuickGrid Class="table" Items="context.Match">
    <PropertyColumn Property="match => match.MatchTimestamp" />
    <!-- 新增Player相关列，使用空条件运算符避免空引用 -->
    <PropertyColumn Property="match => match.Player1?.Name" Title="选手1" />
    <PropertyColumn Property="match => match.Player2?.Name" Title="选手2" />
    <PropertyColumn Property="match => match.Player1Score" />
    <PropertyColumn Property="match => match.Player2Score" />

    <TemplateColumn Context="match">
        <a href="@($"matches/edit?id={match.Id}")">编辑</a> |
        <a href="@($"matches/details?id={match.Id}")">详情</a> |
        <a href="@($"matches/delete?id={match.Id}")">删除</a>
    </TemplateColumn>
</QuickGrid>

2. 用TemplateColumn自定义复杂显示逻辑 #

如果需要更灵活的展示（比如同时显示Player的ID和名称、处理空值样式），可以使用TemplateColumn自定义内容：

<QuickGrid Class="table" Items="context.Match">
    <PropertyColumn Property="match => match.MatchTimestamp" />
    <TemplateColumn Title="选手1">
        @if (context.Player1 != null)
        {
            <span>@context.Player1.Id - @context.Player1.Name</span>
        }
        else
        {
            <span class="text-muted">未指定</span>
        }
    </TemplateColumn>
    <TemplateColumn Title="选手2">
        @if (context.Player2 != null)
        {
            <span>@context.Player2.Id - @context.Player2.Name</span>
        }
        else
        {
            <span class="text-muted">未指定</span>
        }
    </TemplateColumn>
    <PropertyColumn Property="match => match.Player1Score" />
    <PropertyColumn Property="match => match.Player2Score" />

    <TemplateColumn Context="match">
        <a href="@($"matches/edit?id={match.Id}")">编辑</a> |
        <a href="@($"matches/details?id={match.Id}")">详情</a> |
        <a href="@($"matches/delete?id={match.Id}")">删除</a>
    </TemplateColumn>
</QuickGrid>

3. 确保关联数据被正确加载（EF Core场景） #

如果你的Match数据来自EF Core，必须在查询时显式加载关联的Player数据，否则Player1/Player2会为null。在数据查询逻辑中添加Include：

// 示例：获取Match列表时加载关联Player
public async Task<List<Match>> GetMatchesAsync()
{
    return await _context.Match
        .Include(m => m.Player1)
        .Include(m => m.Player2)
        .ToListAsync();
}

补充：Edit/Details页面的扩展处理 #

如果需要在Edit或Details页面处理Player关联：

• Details页面：直接复用上述显示逻辑即可展示Player信息
• Edit页面：可使用InputSelect下拉框让用户选择已有Player，或嵌套表单实现新增Player（根据业务需求调整）

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