ASP.NET Razor Pages中关联展示车辆与驾驶员信息的实现方法

好的，我来一步步帮你实现展示所有车辆及其关联驾驶员信息的需求，同时也会指出你表述里的一些细节问题：

第一步：给实体类添加导航属性并配置一对一关系 #

因为你说一辆车对应一位驾驶员，而且数据库里Drivers表的Id既是主键又是关联Cars表Id的外键，这是共享主键的一对一关系。我们需要先在实体类里添加导航属性，让EF Core能识别这个关联：

修改你的实体代码：

public partial class Cars 
{ 
    public string Id { get; set; } 
    public string Name{ get; set; } 
    public string Color{ get; set; }
    // 添加导航属性，关联对应的驾驶员
    public Drivers Driver { get; set; }
} 

public partial class Drivers 
{ 
    public string Id { get; set; } 
    public string Name{ get; set; } 
    public string Surename{ get; set; }
    // 可选：添加反向导航属性，方便从驾驶员找车辆
    public Cars Car { get; set; }
}

然后到你的DbContext类里，配置这个一对一关系（如果EF Core没自动识别的话）：

protected override void OnModelCreating(ModelBuilder modelBuilder)
{
    // 明确配置：驾驶员通过Id关联到车辆的Id
    modelBuilder.Entity<Drivers>()
        .HasOne(driver => driver.Car)
        .WithOne(car => car.Driver)
        .HasForeignKey<Drivers>(driver => driver.Id);
}

第二步：修改Cars页面的查询逻辑，加载关联的驾驶员数据 #

打开CarsPage/Index.cshtml.cs文件，找到OnGetAsync方法，用Include方法把驾驶员数据一起查询出来（这叫预加载，避免N+1查询问题）：

public async Task<IActionResult> OnGetAsync()
{
    // 关键：用Include加载每个车辆对应的驾驶员
    Cars = await _context.Cars
        .Include(car => car.Driver)
        .ToListAsync();

    return Page();
}

放心，scaffold生成的代码里应该已经注入了DbContext（比如private readonly MyApp.Data.MyAppContext _context;），直接用就行。

第三步：修改Index视图，展示驾驶员信息 #

更新你的CarsPage/Index.cshtml，在表格里添加驾驶员相关的列，同时修正你视图里的一个拼写错误：

@page 
@model MyApp.Pages.CarsPage.IndexModel 
@{ ViewData["Title"] = "车辆及驾驶员信息"; } 
<h2>车辆及驾驶员信息</h2> 
<p> 
    <a asp-page="Create">添加新车辆</a> 
</p> 
<table class="table"> 
    <thead> 
        <tr> 
            <th> @Html.DisplayNameFor(model => model.Cars[0].Id) </th> 
            <th> @Html.DisplayNameFor(model => model.Cars[0].Name) </th> 
            <th> @Html.DisplayNameFor(model => model.Cars[0].Color) </th>
            <!-- 新增驾驶员相关列 -->
            <th> @Html.DisplayNameFor(model => model.Cars[0].Driver.Name) </th>
            <th> @Html.DisplayNameFor(model => model.Cars[0].Driver.Surename) </th> 
            <th>操作</th> 
        </tr> 
    </thead> 
    <tbody> 
        @foreach (var item in Model.Cars) { 
            <tr> 
                <td> @Html.DisplayFor(modelItem => item.Id) </td> 
                <td> @Html.DisplayFor(modelItem => item.Name) </td> 
                <td> @Html.DisplayFor(modelItem => item.Color) </td>
                <!-- 展示驾驶员信息，用?.避免空引用（如果车辆没对应驾驶员的话） -->
                <td> @Html.DisplayFor(modelItem => item.Driver?.Name) </td>
                <td> @Html.DisplayFor(modelItem => item.Driver?.Surename) </td> 
                <td> 
                    <a asp-page="./Edit" asp-route-id="@item.Id">编辑</a> | 
                    <a asp-page="./Details" asp-route-id="@item.Id">详情</a> | 
                    <a asp-page="./Delete" asp-route-id="@item.Id">删除</a> 
                </td> 
            </tr> 
        } 
    </tbody>
</table>

注意：你原来的视图里@Html.DisplayNameFor(model => model.cars[0].Color)里的cars是小写，而模型里的属性是大写的Cars，这会导致编译错误，我已经帮你修正了。

你表述中的几个小问题 #

1. 关系描述不够精准：你说“Drivers表外键也为Id”，更准确的说法是Drivers表的主键Id同时作为外键关联Cars表的主键Id，这是共享主键型的一对一关系。
2. 视图代码有拼写错误：你提供的视图里model.cars[0].Color的cars是小写，和模型属性的大写Cars不匹配，会引发编译错误。
3. 未提及导航属性：EF Core实现关联查询依赖实体的导航属性，你没提到这点，这是关联数据的核心前提。
4. 术语使用小偏差：你说“Pages包下创建了CarsPage、DriversPage文件夹”，在Razor Pages里，这些是Pages目录下的页面文件夹，“包”一般指Models、Data这类命名空间对应的代码目录，用“文件夹”更准确。

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