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页添加背景颜色