layui分页与实际项目的使用-CSDN博客

本文链接：https://blog.csdn.net/qq_42345237/article/details/99070965

在jsp页面中使用到了layui里的分页，本来是异步刷新，但是这里因为直接返回的是model，所以这里layui里的curr参数是后台直接传过来的，而且这里得curr参数在刚开始写得时候，要注意根据当前页码来改变其大小，否则这里很容易出现一直为第一页的BUG。

// 分页
layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage,
  	  layer = layui.layer;
//自定义首页、尾页、上一页、下一页文本
  laypage.render({
    elem: 'demo3'
    ,count: ${pagehelper.total}    // 总数
    ,first: '首页'
    ,last: '尾页'
    ,limit: ${pagehelper.pageSize}   // 一页显示多少行
    ,curr: ${pagehelper.pageNum}     // 当前页码
    ,layout: ['count','prev','page','next','limit','skip']  // 要显示的组件
  	,jump: function (obj, first) {    // 在里面写调用方法。
  		console.log(this.curr); //得到当前页，以便向服务端请求对应页的数据。
  		this.curr = obj.curr;
  		this.limit = obj.limit;
  		if (!first) {
  			// 不是首页时调用的方法
  		}
  	}
  });
})