laypage分页插件的使用

Posted 2021-01-21 chuwu

laypage是用于分页的插件，该插件通过js请求分页数据

1.载入js文件 <script type="text/javascript" src="__STATIC__/hadmin/lib/laypage/1.2/laypage.js"></script>
2.在页面中显示分页信息的地方插入标记<div id="laypage"></div>
3.添加js
<script type="text/javascript">
var url = ‘{:url("article/listarticle")}‘;
laypage({
cont: ‘laypage‘, //容器。值支持id名、原生dom对象，jquery对象,
pages: ‘{$pageTotal}‘, //总页数，它需要从后台统计后传到页面中
skin: ‘#5FB878‘, //皮肤
curr :‘{$curr}‘,//当前页，它需要从后台传到页面中，也就是当前是第几页
jump: function(e, first){ //触发分页后的回调
if(!first){ //一定要加此判断，否则初始时会无限刷新
location.href = url+‘?page=‘+e.curr;//从e.curr众获取用户点击的第几页
}
}
});
</script>

4.后台需要传给前台的数据为
1.查询结果集，也就是表格中显示的数据。该数据其实和分页插件无关，但是要让这些数据符合分页显示数据
2.传给分页插件的总页数，它可以通过sql查询数据库得到的总条数count除以每页显示的条数得到，php可以使用ceil函数将如1.2这样的小数转为2这样的整数
3.传给插件的当前页，插件能自动获取用户在页面选择的第几页(e.curr)传给后台,
但是也需要知道后台传给前台的当前页是第几页，好进行对当前页的特殊标识。如后台告诉前台当前是第3页，则插件将第3页添加背景颜色