GraphQL 是一种查询语言，它允许客户端在一个请求中指定需要的数据，并且不会得到任何其它数据。而在实际应用中，我们通常需要处理大量数据，并且需要进行分页。因此，本文将介绍如何在 GraphQL 中进行分页查询。
基础查询
在基础 GraphQL 查询中，我们通常使用参数 first 和 after 来指定需要查询的数据数量和起始位置。例如：
-- -------------------- ---- ------- ----- - ------------ --- ------ ------ - ----- - ---- - -- ----- - - -------- - --------- ----------- - - -展开代码
上面的查询表示需要查询 10 个书籍，起始位置为 ID 为 "abc" 的书籍之后。查询结果包括一个 edges 数组，其中包括每个节点的 ID 和标题，以及一个 pageInfo 对象，它包括下一页的游标和是否有下一页的标志。
游标分页
游标分页是一种常见的分页方式，它使用一个游标来指定当前查询的起始位置。在 GraphQL 中，我们可以使用参数 after 和 before 来指定游标。例如：
-- -------------------- ---- ------- ----- - ------------ --- ------ ------ - ----- - ---- - -- ----- - - -------- - --------- ----------- - - -展开代码
上面的查询表示需要查询 10 个书籍，起始位置为 ID 为 "abc" 的书籍之后。查询结果包括一个 edges 数组，其中包括每个节点的 ID 和标题，以及一个 pageInfo 对象，它包括下一页的游标和是否有下一页的标志。
我们可以通过保存每页的最后一个节点的游标来进行下一页查询，例如：
-- -------------------- ---- ------- ----- - ------------ --- ------ ------ - ----- - ---- - -- ----- - - -------- - --------- ----------- - - - ----- - ------------ --- ------ ------ - ----- - ---- - -- ----- - - -------- - --------- ----------- - - -展开代码
第一次查询返回的 endCursor 是 "def"，我们可以将它作为第二次查询的参数 after，从而查询下一页的数据。这种方式称为游标分页，由于只需要保存每页的最后一个节点的游标，因此比传统的页码分页更为简洁和高效。
根据条件查询
有时候，我们需要根据某些条件进行分页查询，例如根据年份、作者等属性。在 GraphQL 中，我们可以使用参数 where 来指定查询条件。例如：
-- -------------------- ---- ------- ----- - ------------ --- ------ - ----- ---- -- - ----- - ---- - -- ----- - - -------- - --------- ----------- - - -展开代码
上面的查询表示需要查询年份为 2022 的前 10 本书。查询结果包括一个 edges 数组，其中包括每个节点的 ID 和标题，以及一个 pageInfo 对象，它包括下一页的游标和是否有下一页的标志。我们可以根据条件动态调整查询参数来进行分页查询。
按日期分页
在实际开发中，我们通常需要按照日期进行分页查询，例如查询最近一年的文章。在 GraphQL 中，我们可以使用参数 createdAt 来指定文章的创建时间，并根据它进行分页。例如：
-- -------------------- ---- ------- ----- - --------------- --- ------ - ---------- - --- --------------------------- --- -------------------------- - -- - ----- - ---- - -- ----- - - -------- - --------- ----------- - - -展开代码
上面的查询表示需要查询创建时间在 2021 年到 2022 年之间的前 10 篇文章。查询结果包括一个 edges 数组，其中包括每个节点的 ID 和标题，以及一个 pageInfo 对象，它包括下一页的游标和是否有下一页的标志。我们可以根据条件动态调整查询参数来进行分页查询。
总结
GraphQL 提供了许多参数和方法来进行分页查询。在实际应用中，我们需要根据实际需求来选择最合适的分页方式，并进行动态调整和优化。本文介绍了 GraphQL 的基础查询、游标分页、根据条件查询和按日期分页等分页方式，希望能够对读者的 GraphQL 分页查询有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e18631f6b2d6eab3cb21cf
