jfinal结合layPage进行分页查询操作

之前一直用的是layui数据表格里面的分页，然而有时需要显示商品,博客，这样还用表格里面的分页样式就不太合适，正好发现layui中有layPage组件

样式大概是这种的

首先看前台

layui.use('laypage', function(){
	  var laypage = layui.laypage;
	  var totalPage = $('#totalPage').val();
          var totalRow = $('#totalRow').val();
          var pageNumber = $('#pageNumber').val();
          var pageSize = $('#pageSize').val();
	  laypage.render({
		    elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
		    ,count:totalRow //数据总数，从服务端得到
		    ,limit:pageSize //显示条数
		    ,curr: pageNumber //获取起始页
		    ,jump: function(obj, first){
		        //obj包含了当前分页的所有参数，比如：
		    	   if(first!=true){//是否首次进入页面  
                       var currentPage = obj.curr;//获取点击的页码      
                       window.location.href ="${ctx}/friendlyMange/"+currentPage;  
                   }  
		      }
		  });
	 
	  
}) //执行一个laypage实例

totalPage 总页数  totalRow 总行数 pageNumber 当前页数 pageSize 当前页显示条数

这四个参数都可以通过jfinal的paginate方法获取到

先看后台service

public Page<XFriendlylink> pageList(int pageNumber, int pageSize){
		return dao.paginate(pageNumber, pageSize, "select *","from x_friendlyLink order by x_linkId asc");
	}

后台的controller

public void index(){
		Integer pageNumber = getParaToInt(0);
		if(pageNumber==null){
			pageNumber = 1;
		}
		setAttr("flist", p.flink.pageList(pageNumber, 3));
		renderFreeMarker("friendly.html");
	}

pageNumber是当前页数，如果不给一个默认值会报500错误

然后前台通过freemarker取值

	<input type="hidden" id="totalPage" value="${flist.totalPage}">
	<input type="hidden"  id="totalRow" value="${flist.totalRow}">
	<input type="hidden"  id="pageNumber" value="${flist.pageNumber}">
	<input type="hidden" id="pageSize" value="${flist.pageSize}">

好了前台的分页就可以正常使用了