网站上经常需要分页来处理数据，尤其是在一些列表页和搜索页面。在实现这个功能的时候，我们通常需要计算总页数和每页展示的数量。这种重复性的工作已经被许多npm包简化了，本文将介绍其中一个npm包，pagination-info。
安装
在开始使用之前，需要安装pagination-info。使用npm可简单地完成如下操作：
npm install pagination-info --save
安装完成后，你可以在你的项目中引用：
const pagination = require('pagination-info');使用
pagination-info可以帮助我们计算分页的信息，包括总页数，每页展示的数量，当前页码等等。其中主要的两个参数是total和page，分别表示总共有多少个数据，以及当前所在的页数。
// 根据当前页和总记录数计算出分页信息
const pageInfo = pagination.total(200).page(3).get();
console.log(pageInfo); // { start: 21, current: 3, itemCount: 20, totalItem: 200, totalPage: 10, nextPage: 4, prevPage: 2 }示例
在这个示例中，我们将通过显示分页链接来展示如何使用pagination-info。
-- -------------------- ---- -------
----- ---------- - ---------------------------
----- ------- - -- -- ----
----- -------- - ---- -- ----
----- --------- - --- -- -----
----- --------- - -- -- -------
-- ------
----- -------- - -----------------------------------------------
----- ----- - ---------------
----- ------- - -----------------
----- ---------- - -------------------
----- -------- - ------------------
----- -------- - ------------------
-- ------
--- ------ - ---
-- ----------- -- -- -
------ - ---
- ---- -
-- --------- --- ------ -
------ -- ------------
- ---- -
------ -- --- ------------- - -------- - ------------------
-
----- -------- - ---
----- --------- - ------------------- - ---
--- -------- - ------- - ----------
--- ------ - ------- - ----------
-- --------- - -- -
-------- - --
------ - ----------
-
-- ------- - ----------- -
------ - -----------
-------- - ---------- - --------- - --
-- --------- - -- -
-------- - --
-
-
--- ---- - - --------- - -- ------- ---- -
-- -- --- -------- -
-------------------- ----------------- - - - -----------
- ---- -
----------------- ------------- - - - ---- - - - --------
-
-
------ -- ------------------------
-- --------- --- ------ -
------ -- ------------
- ---- -
------ -- --------- ------------- - -------- - ------------
-
-
--------------------以上代码将计算出从第几条数据开始和结束，以及展示在页面上所需的链接和按钮。这些链接和按钮可以让用户快速地导航到其他页。
结论
pagination-info是一个非常实用的npm包，可以帮助我们在处理分页信息时省去很多的重复性工作，让我们能够更专注于具体的业务逻辑开发。希望这篇文章能够帮助大家更好地使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eed81e8991b448dc98e