EasyPageNavigation – 轻松创建页码导航

EasyPageNavigation 是一个可以快速生成页码导航的 NPM 模块,既可以用在后端,也可以用在前端,用在前端时需要配合 Browserify "食用"

最初考虑到这个功能并不复杂,是打算放到 Gist 上面分享给大家的,但是考虑到这样的功能还是比较常用的,以及 Don't repeat yourself 的理念,还是整理了一下并发布了出来。

使用示例:

首先需要使用 "npm i --save easy-page-navigation" 安装,然后:

const EasyPageNav = require('easy-page-navigation');

let MyNav = new EasyPageNav(128, 10, 5);
console.log( MyNav.getNavInfo(6) );

上面这段代码使用了 getNavInfo(currentPage) 方法直接获取页码导航的信息,数据类型为 Object,可以自己使用 JSON.stringify() 转换为 JSON

{
    pages:[
        { page: 4, isCurrent: false },
        { page: 5, isCurrent: false },
        { page: 6, isCurrent: true },
        { page: 7, isCurrent: false },
        { page: 8, isCurrent: false }
    ],
    havePrevious: true,
    previous: 5,
    haveNext: true,
    next: 7
}

如果你不希望拿到这样的数据,也可以通过 getNavHTML(currentPage, options) 直接获取 HTML 代码 继续阅读EasyPageNavigation – 轻松创建页码导航