分页功能实现

为什么很多项目采用分页功能？

电商平台同时展示的数据有很多，所以采用分页的功能，ELementUI是有相应分页的组件，使用起来超级简单，但是前台不用【掌握自定义分页的功能】

分页器展示，需要哪些数据（条件）？

需要知道当前是第几页：PageNo字段代表当前页数Gmail
需要知道每一页展示多少条数据：pageSize字段进行代表
需要知道整个分页器一共有多少条数据：total字段进行代表--【获取另外一条暗含的信息】
需要知道分页器连续的页码数：5|7【奇数】，因为对称好看
总结：
    对于分页器而言：自定义前提需要知道四个前提条件：
        PageNo:代表当前是第几页
        pageSize:一页上有多少条数据
        total:一共多少条数据
        continues:代表分页连续的页码个数

对于分页器而言，很重要的一个地方即为【算出：连续页码器起始的数字和结束的数字】

分页器封装的原理？

1.具备哪些信息：
    知道当前是第几页：pageNo
    知道分页器一共需要展示多少条数据：total
    知道每一页需要展示数据的个数：pageSize
    知道分页器一共多少页：Pagesize---[总共多少页]
    知道连续的页码数5或者7,好看对称
2.对于分页器不同的情况来说
    一般情况：
        比如：当前是第5页
            3 4 5 6 7
        比如：当前是第8页
            6 7 8 9 10
    当前这个项目：连续的页码数（暗含条件：分页器至少五页）
    特殊情况(在前面)：
        pageNo:1
            -1 0 1 2 3
        pageNo:2
            0 1 2 3 4
        正常：
        pageNo:3
            1 2 3 4 5
     特殊情况(在后面)：
        pageNo:33(一共33页)
            31 32 33 34 35
        pageNo:32
            30 31 33 34 35
        正常：
            pageNo:31
            29 30 31 32 33