layui分页

本文可参考https://blog.csdn.net/liusslove/article/details/58066575

因为项目中要使用layui分页而网上文档又不详细，故找到一篇很不错的文章，只展示前端部分。

因为我们的项目为了安全起见，js前端不允许直接调用JAVA接口，必需通过PHP，PHP通过curl方法去请求Java接口。

前端代码展示。

<script type="text/javascript">
    layui.use(['layer', 'laypage', 'element'], function(){
        var layer = layui.layer
            ,laypage = layui.laypage
            ,element = layui.element();
        //分页
        laypage({
            cont: 'pageDemo' //分页容器的id
            ,pages: <?=$pageCount?> //总页数：需要从服务端获取数据
            ,skin: '#5FB878' //自定义选中色值
            ,skip: true //开启跳页
            ,curr:<?=$page?>//当前显示的页数，也需要从服务端获取
            ,groups :3//连续出现的页码个数
            ,jump: function(obj, first){
                if(!first){
                    // layer.msg('第'+ obj.curr +'页');
                    window.location.href="/Resource_Home/index/"+obj.curr;//向URL中传递页数并显示
                }
            }
        });
    });
</script>