ASP.NET Core中如何用强类型ViewModel在视图展示参与者数据

我来帮你解决这个问题——把EF Core查询的匿名类型转换成强类型ViewModel其实很简单，核心是确保查询的映射逻辑和ViewModel的结构完全匹配，下面一步步来：

1. 先调整ViewModel（可选但推荐） #

看你的ParticipantWithData类，里面的ParticipantData属性在当前查询中并没有被赋值（原查询只取了第一条和最后一条数据的Weight，不是整个集合）。如果不需要展示完整的ParticipantData集合，建议删掉这个属性，避免混淆：

public class ParticipantWithData { 
    public Participant Participant { get; set; } 
    public Team Team { get; set; } 
    public double? FirstWeight { get; set; } 
    public double? LastWeight { get; set; } 
}

如果确实需要完整的ParticipantData集合，保留这个属性即可，后面查询时要额外添加Include语句。

2. 修改EF Core查询，直接映射到ViewModel #

原来的查询返回匿名类型，现在我们直接在Select中构造ParticipantWithData实例，关键是把FirstWeight和LastWeight从ParticipantData对象中提取出Weight属性（因为ViewModel里这两个字段是double?类型，不是对象）：

var participantsWithData = await _context.Participants
    .Select(p => new ParticipantWithData {
        Participant = p,
        Team = p.Teams,
        // 从最早的记录中提取Weight，自动处理null情况
        FirstWeight = p.ParticipantData
            .OrderBy(x => x.Date)
            .Select(x => x.Weight)
            .FirstOrDefault(),
        // 从最新的记录中提取Weight
        LastWeight = p.ParticipantData
            .OrderByDescending(x => x.Date)
            .Select(x => x.Weight)
            .FirstOrDefault()
    })
    .ToListAsync();

小提示：EF Core 3.0+可以完美翻译这种子查询到SQL，不会产生N+1性能问题，也不需要额外加Include——因为Select里明确指定了需要的导航属性和子数据，EF Core会自动生成高效的查询语句。

如果需要加载完整的ParticipantData集合到ViewModel，加上Include即可：

var participantsWithData = await _context.Participants
    .Include(p => p.Teams)
    .Include(p => p.ParticipantData)
    .Select(p => new ParticipantWithData {
        Participant = p,
        Team = p.Teams,
        ParticipantData = p.ParticipantData,
        FirstWeight = p.ParticipantData.OrderBy(x => x.Date).Select(x => x.Weight).FirstOrDefault(),
        LastWeight = p.ParticipantData.OrderByDescending(x => x.Date).Select(x => x.Weight).FirstOrDefault()
    })
    .ToListAsync();

3. 在视图中使用强类型ViewModel #

在你的视图文件顶部，指定模型类型为IEnumerable<ParticipantWithData>（因为查询返回的是列表）：

@model IEnumerable<YourNamespace.ParticipantWithData>

然后就可以安全地遍历模型、访问属性了，记得处理空值避免页面报错：

@foreach (var item in Model)
{
    <div class="participant-item">
        <h3>@item.Participant.FirstName @item.Participant.LastName</h3>
        <p>所属团队：@item.Team.Name</p> <!-- 假设Team类有Name属性 -->
        <p>首次体重：@(item.FirstWeight.HasValue ? item.FirstWeight.Value.ToString("F2") : "暂无数据")</p>
        <p>最新体重：@(item.LastWeight.HasValue ? item.LastWeight.Value.ToString("F2") : "暂无数据")</p>
    </div>
}

常见坑点提醒 #

• 类型匹配是关键：原匿名类型的FirstWeight是ParticipantData对象，而ViewModel里是double?，必须用Select(x => x.Weight)提取属性，否则会出现编译错误。
• 旧版EF Core兼容：如果你的EF Core版本低于3.0，这种子查询可能无法被翻译到SQL，此时可以先把数据加载到内存再映射（不推荐，会影响性能）：

  // 仅旧版本EF Core应急使用
  var rawParticipants = await _context.Participants
      .Include(p => p.Teams)
      .Include(p => p.ParticipantData)
      .ToListAsync();
  var participantsWithData = rawParticipants.Select(p => new ParticipantWithData {
      Participant = p,
      Team = p.Teams,
      FirstWeight = p.ParticipantData.OrderBy(x => x.Date).FirstOrDefault()?.Weight,
      LastWeight = p.ParticipantData.OrderByDescending(x => x.Date).FirstOrDefault()?.Weight
  }).ToList();
  

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