這篇文章主要為大家展示了“ABP中如何實(shí)現(xiàn)分頁功能”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“ABP中如何實(shí)現(xiàn)分頁功能”這篇文章吧。

十載的甘德網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都營銷網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整甘德建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。成都創(chuàng)新互聯(lián)從事“甘德網(wǎng)站設(shè)計(jì)”,“甘德網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

完成了任務(wù)清單的增刪改查，咱們來講一講必不可少的的分頁功能。

首先很慶幸ABP已經(jīng)幫我們封裝了分頁實(shí)現(xiàn)，實(shí)在是貼心啊。

來來來，這一節(jié)咱們就來捋一捋如何使用ABP的進(jìn)行分頁吧。

1. 分頁請(qǐng)求DTO定義

數(shù)據(jù)傳輸對(duì)象(Data Transfer Objects)用于應(yīng)用層和展現(xiàn)層的數(shù)據(jù)傳輸。

展現(xiàn)層傳入數(shù)據(jù)傳輸對(duì)象(DTO)調(diào)用一個(gè)應(yīng)用服務(wù)方法，接著應(yīng)用服務(wù)通過領(lǐng)域?qū)ο髨?zhí)行一些特定的業(yè)務(wù)邏輯并且返回DTO給展現(xiàn)層。這樣展現(xiàn)層和領(lǐng)域?qū)颖煌耆蛛x開了。在具有良好分層的應(yīng)用程序中，展現(xiàn)層不會(huì)直接使用領(lǐng)域?qū)ο?倉庫，實(shí)體)。

我們?cè)谡宫F(xiàn)層有分頁請(qǐng)求時(shí)，一般需要指定兩個(gè)參數(shù)，一個(gè)用來標(biāo)志第幾頁、一個(gè)是每頁行數(shù)（一般有配置文件配置）。

因?yàn)榉猪撌且粋€(gè)很常用的功能，所以，展現(xiàn)層我們有分頁請(qǐng)求時(shí)，好有相應(yīng)的DTO來封裝這兩個(gè)參數(shù)。

在ABP源碼中并沒有為我們封裝這樣公用的類，但是在ABPZero項(xiàng)目中，定義了相應(yīng)的分頁Dto。

對(duì)應(yīng)的類圖如下：

分頁排序過濾相應(yīng)Dto類圖

從中可以看到主要包括以下四個(gè)公共DTO定義：

1. PagedInputDto：分頁請(qǐng)求Dto

2. PagedAndSortedInputDto：分頁排序Dto

3. PagedSortedAndFilteredInputDto：分頁排序過濾Dto

4. PagedAndFilteredInputDto：分頁過濾Dto

是不是很實(shí)用，我們的分頁一般是和過濾排序混合使用的。

其中主要定義了以下幾個(gè)主要屬性：

• MaxResultCount：每頁行數(shù)，可以從定義的配置中讀取。

• SkipCount：跳轉(zhuǎn)數(shù)量，一般計(jì)算公式為SkipCount=Page*MaxResultCount（頁數(shù)*行數(shù)）。

• Filter：過濾字符串

• Sorting：排序方式

具體的實(shí)現(xiàn)就不詳述了，相信仔細(xì)看類圖，就能自己動(dòng)手實(shí)現(xiàn)。AbpZero把這些公共Dto定義在了應(yīng)用服務(wù)層的Dto文件夾下，具體路徑如下圖。

2. 如何使用分頁DTO

拿我們的任務(wù)清單舉例，我們修改下創(chuàng)建的GetTaskInputDto，讓它繼承自PagedSortedAndFilteredInputDto，這樣GetTaskInputDto就擁有了進(jìn)行分頁排序過濾需要用到的屬性。

public class GetTasksInput : PagedSortedAndFilteredInputDto
{
 public TaskState? State { get; set; }
 public int? AssignedPersonId { get; set; }
}

3. 返回分頁結(jié)果DTO

Abp已經(jīng)為我們定義了泛型的PagedResultDto用來包裝返回的分頁結(jié)果。其中主要包括兩個(gè)屬性，int TotalCount保存總個(gè)數(shù)，IReadOnlyList Items保存返回的分頁結(jié)果集。

4. 應(yīng)用服務(wù)層分頁邏輯實(shí)現(xiàn)

1、 在ITaskAppService中定義接口

PagedResultDto GetPagedTasks(GetTasksInput input);

2、 在TaskAppService中實(shí)現(xiàn)接口：

public PagedResultDto GetPagedTasks(GetTasksInput input)
{
 //初步過濾
 var query = _taskRepository.GetAll().Include(t => t.AssignedPerson)
  .WhereIf(input.State.HasValue, t => t.State == input.State.Value)
  .WhereIf(!input.Filter.IsNullOrEmpty(), t => t.Title.Contains(input.Filter))
  .WhereIf(input.AssignedPersonId.HasValue, t => t.AssignedPersonId == input.AssignedPersonId.Value);
 //排序
 query = !string.IsNullOrEmpty(input.Sorting) ? query.OrderBy(input.Sorting) : query.OrderByDescending(t => t.CreationTime);
 //獲取總數(shù)
 var tasksCount = query.Count();
 //默認(rèn)的分頁方式
 //var taskList = query.Skip(input.SkipCount).Take(input.MaxResultCount).ToList();
 //ABP提供了擴(kuò)展方法PageBy分頁方式
 var taskList = query.PageBy(input).ToList();
 return new PagedResultDto(tasksCount,taskList.MapTo>());
}

分頁的實(shí)現(xiàn)很簡單，先進(jìn)行過濾，排序，再進(jìn)行分頁，最后使用PagedResultDto封裝分頁結(jié)果。

細(xì)心的你也許發(fā)現(xiàn)了兩個(gè)未曾在Linq中用過的方法WhereIf和PageBy，是的，這是ABP提供的擴(kuò)展方法，感興趣的可以看下源碼QueryableExtensions的具體實(shí)現(xiàn)，其實(shí)實(shí)現(xiàn)的很簡單，但我們平時(shí)在使用linq時(shí)卻未必能想得到。

在這里提幾個(gè)問題：

請(qǐng)問在這段代碼中共進(jìn)行了幾次查詢？

代碼中使用的是什么分頁技術(shù)？（真分頁？假分頁？）

5. 使用X.PagedList進(jìn)行前端分頁

在Asp.Net Mvc中進(jìn)行前端分頁有一系列開源實(shí)現(xiàn)，在我的Demo中使用的是開源的X.PagedList分頁。想了解具體源碼，請(qǐng)參考X.PagedList GitHub。

1、請(qǐng)自行在Web項(xiàng)目中安裝X.PagedList.Mvc Nuget程序包

X.PagedList.Mvc Nuget程序包

2、在Controller中使用X.PagedList提供的方法構(gòu)造分頁結(jié)果供前端使用

因?yàn)槲覀冊(cè)趹?yīng)用服務(wù)層已經(jīng)手動(dòng)實(shí)現(xiàn)了分頁邏輯，所以按照X.PagedList官網(wǎng)示例，我們需要自行構(gòu)造StaticPagedList作為返回結(jié)果。

 public ActionResult PagedList(int? page)
 {
  //每頁行數(shù)
  var pageSize = 5;
  var pageNumber = page ?? 1;//第幾頁
  var filter = new GetTasksInput
  {
   SkipCount = (pageNumber - 1) * pageSize,//忽略個(gè)數(shù)
   MaxResultCount = pageSize
  };
  var result = _taskAppService.GetPagedTasks(filter);
  //已經(jīng)在應(yīng)用服務(wù)層手動(dòng)完成了分頁邏輯，所以需手動(dòng)構(gòu)造分頁結(jié)果
  var onePageOfTasks = new StaticPagedList(result.Items, pageNumber, pageSize, result.TotalCount);
  //將分頁結(jié)果放入ViewBag供View使用
  ViewBag.OnePageOfTasks = onePageOfTasks;
  return View();
}

從代碼中可以看到我們構(gòu)造完X.PagedList提供的分頁結(jié)果后放入了ViewBag中，供視圖使用。

3、View中添加分頁控件

PagedList視圖的代碼如下：

@using X.PagedList.Mvc;
@using Abp.Web.Mvc.Extensions
@using X.PagedList; 


 @foreach (var task in ViewBag.OnePageOfTasks)
 {
  
   
    Edit
    Delete