asp.net core分页控件用法

原创

mob649e8161738c 2023-07-21 21:05:02 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e8161738c的原创作品，请联系作者获取转载授权，否则将追究法律责任

ASP.NET Core分页控件用法

在开发Web应用程序时，分页是一个非常常见的需求。ASP.NET Core提供了一个方便而强大的分页控件，可以轻松地实现分页功能。本文将介绍ASP.NET Core中分页控件的用法，并提供代码示例。

分页控件介绍

ASP.NET Core的分页控件是一个可重用的组件，用于在Web应用程序中显示分页链接，并处理用户点击分页链接时的逻辑。它可以根据给定的总记录数、每页显示的记录数和当前页数，生成对应的分页链接，并将点击分页链接时的请求发送给指定的控制器方法。

安装分页控件

要使用ASP.NET Core的分页控件，需要首先安装相关的NuGet包。在Visual Studio中，可以通过NuGet包管理器来安装。

可以使用以下命令来安装分页控件的NuGet包：

dotnet add package X.PagedList.AspNetCore

使用分页控件

控制器方法

首先，我们需要在控制器中编写一个方法来处理分页请求。这个方法应该接收分页的参数，并返回指定页码的数据。

public IActionResult Index(int? page)
{
    // 当前页码，默认为1
    int pageNumber = page ?? 1;

    // 每页显示的记录数
    int pageSize = 10;

    // 获取总记录数
    int totalItems = GetTotalItems();

    // 计算总页数
    int totalPages = (int)Math.Ceiling(totalItems / (double)pageSize);

    // 获取当前页的数据
    var items = GetItems(pageNumber, pageSize);

    // 创建分页模型
    var model = new PagedListViewModel
    {
        CurrentPage = pageNumber,
        PageSize = pageSize,
        TotalItems = totalItems,
        TotalPages = totalPages,
        Items = items
    };

    return View(model);
}

视图页面

在视图页面中，我们需要使用分页控件来显示分页链接。首先，我们需要在页面顶部引入分页控件的命名空间。

@using X.PagedList.Mvc.Core

然后，我们可以使用PagedListPager标签来生成分页链接。

@Html.PagedListPager(Model.Items, page => Url.Action("Index", new { page }), new PagedListRenderOptions
{
    DisplayLinkToFirstPage = PagedListDisplayMode.IfNeeded,
    DisplayLinkToLastPage = PagedListDisplayMode.IfNeeded,
    DisplayLinkToPreviousPage = PagedListDisplayMode.Always,
    DisplayLinkToNextPage = PagedListDisplayMode.Always,
    LinkToFirstPageFormat = "首页",
    LinkToLastPageFormat = "尾页",
    LinkToPreviousPageFormat = "上一页",
    LinkToNextPageFormat = "下一页",
    MaximumPageNumbersToDisplay = 5,
    DisplayEllipsesWhenNotShowingAllPageNumbers = false
})

在上面的代码中，我们使用PagedListPager标签来生成分页链接。Model.Items是当前页的数据，page => Url.Action("Index", new { page })用于生成分页链接的URL。PagedListRenderOptions用于指定分页链接的样式和行为。