ASP.NET Core MVC中如何将LINQ关联查询结果传递至视图并分页展示

我来帮你一步步搞定这个问题！ASP.NET Core MVC里处理关联表的分页展示，确实和老版MVC有些不一样的地方，咱们从核心环节开始拆解：

因为你是从两张关联表中选择若干列，不是用完整的实体模型，所以最好定义一个**数据传输对象（DTO）**来封装这些字段，避免把多余的实体数据传到视图里。

举个例子，假设你的两张表是Order和Customer，通过CustomerId关联，那可以这么写DTO：

public class OrderCustomerDto
{
    public int OrderId { get; set; }
    public DateTime OrderDate { get; set; }
    public string CustomerName { get; set; }
    public string CustomerEmail { get; set; }
    // 这里加你需要的其他字段
}

在控制器中，你需要注入DbContext，然后编写LINQ关联查询，再结合Skip()和Take()实现分页。同时要计算总记录数，方便视图展示分页导航。

另外，建议封装一个通用的分页视图模型，把数据和分页元信息（当前页、总页数等）打包传递：

// 通用分页视图模型，可复用
public class PaginatedViewModel<T>
{
    public List<T> Items { get; set; }
    public int PageNumber { get; set; }
    public int PageSize { get; set; }
    public int TotalItems { get; set; }
    public int TotalPages => (int)Math.Ceiling(TotalItems / (double)PageSize);

    public bool HasPreviousPage => PageNumber > 1;
    public bool HasNextPage => PageNumber < TotalPages;
}

然后是控制器动作方法的代码：

private readonly YourDbContext _context;

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

public async Task<IActionResult> Index(int pageNumber = 1, int pageSize = 10)
{
    // 编写关联查询，直接投影到DTO
    var query = from order in _context.Orders
                join customer in _context.Customers on order.CustomerId equals customer.Id
                select new OrderCustomerDto
                {
                    OrderId = order.Id,
                    OrderDate = order.OrderDate,
                    CustomerName = customer.FullName,
                    CustomerEmail = customer.Email
                };

    // 获取总记录数（注意不要先ToList再Count，会拉取全量数据）
    var totalItems = await query.CountAsync();

    // 分页处理：跳过前面的页，取当前页的数据
    var paginatedItems = await query
        .Skip((pageNumber - 1) * pageSize)
        .Take(pageSize)
        .ToListAsync();

    // 组装分页视图模型
    var viewModel = new PaginatedViewModel<OrderCustomerDto>
    {
        Items = paginatedItems,
        PageNumber = pageNumber,
        PageSize = pageSize,
        TotalItems = totalItems
    };

    return View(viewModel);
}

视图要指定对应的模型类型，然后循环渲染数据，再添加分页导航按钮：

@model PaginatedViewModel<OrderCustomerDto>

<h2>订单与客户关联信息</h2>

<!-- 数据表格 -->
<table class="table table-bordered">
    <thead>
        <tr>
            <th>订单ID</th>
            <th>订单日期</th>
            <th>客户姓名</th>
            <th>客户邮箱</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model.Items)
        {
            <tr>
                <td>@item.OrderId</td>
                <td>@item.OrderDate.ToString("yyyy-MM-dd HH:mm")</td>
                <td>@item.CustomerName</td>
                <td>@item.CustomerEmail</td>
            </tr>
        }
    </tbody>
</table>

<!-- 分页导航 -->
<nav>
    <ul class="pagination">
        <!-- 上一页按钮 -->
        <li class="page-item @(!Model.HasPreviousPage ? "disabled" : "")">
            <a class="page-link" asp-action="Index" 
               asp-route-pageNumber="@(Model.PageNumber - 1)" 
               asp-route-pageSize="@Model.PageSize">
                上一页
            </a>
        </li>

        <!-- 页码按钮 -->
        @for (int i = 1; i <= Model.TotalPages; i++)
        {
            <li class="page-item @(i == Model.PageNumber ? "active" : "")">
                <a class="page-link" asp-action="Index" 
                   asp-route-pageNumber="@i" 
                   asp-route-pageSize="@Model.PageSize">
                    @i
                </a>
            </li>
        }

        <!-- 下一页按钮 -->
        <li class="page-item @(!Model.HasNextPage ? "disabled" : "")">
            <a class="page-link" asp-action="Index" 
               asp-route-pageNumber="@(Model.PageNumber + 1)" 
               asp-route-pageSize="@Model.PageSize">
                下一页
            </a>
        </li>
    </ul>
</nav>

• 确保你已经在Program.cs（.NET 6+）里注册了DbContext：builder.Services.AddDbContext<YourDbContext>(options => options.UseSqlServer(yourConnectionString));
• 如果需要支持排序、筛选，可以给控制器动作添加对应的参数，在LINQ查询里加上OrderBy()或Where()条件
• 分页大小可以做成可配置的，比如在视图里加下拉框让用户选择，然后把pageSize参数传到控制器

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