pageHelper+pagination整合分页技术

本文介绍如何使用MyBatis分页插件PageHelper实现数据库查询分页功能,包括配置步骤、关键代码示例及前端分页组件集成。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先我们先来写pageHelper

先引入jar包 我用的是5.0.0版本



在这个网站上可以下载,并且有文档 https://github.com/pagehelper/Mybatis-PageHelper/blob/master/README_zh.md

jsplparser是数据库的依赖 如果是maven项目就直接在pom文件里写就好了

第二步配置spring的mabatisConfig.xml

   <!-- 配置pageHelper -->
    <plugins>
	    <!-- com.github.pagehelper为PageHelper类所在包名 -->
	    <plugin interceptor="com.github.pagehelper.PageInterceptor">
	    </plugin>
    </plugins>	

要注意写plugins的时候是有先后顺序的,要不然会报错org.apache.ibatis.builder.BuilderException

第三步你就可以写mapper.xml了,

第四步就调用pageHelper中的startPage方法,将pageNum(页码)和pageSize(每页显示数量)传入

第五步调用你mapper中的方法接收返回值

第六步调用pageHelper中的pageInfo方法将你的返回值传入然后你就可以为所欲为了

代码如下

        PageHelper.startPage(3, 4);
    	List<Map<String,Object>> order = dhOrderMapper.orderInfo();
    	PageInfo<Map<String, Object>> pageInfo = new PageInfo<Map<String,Object>>(order);
    	for (Map<String, Object> map : order) {
			System.out.println("order信息:"+map);
		}
    	System.out.println("当前页:"+pageInfo.getPageNum());
    	System.out.println("总记录数:"+pageInfo.getTotal());
    	System.out.println("每页的记录数:"+pageInfo.getPageSize());
    	System.out.println("总页数:"+pageInfo.getPages());
    	System.out.println("是否第一页:"+pageInfo.isIsFirstPage());
    	System.out.println("是否最后页:"+pageInfo.isIsLastPage());
然后将你的总页数传到前端jsp中开始用pagination

首先第一步就是要导入你所需要的js和css在这个网站上下载 http://www.jq22.com/jquery-info15113

然后将包导入项目中在你的jsp页面随后添加进来 注意你要看看你的拦截器配置,添加一下不然会报错

<link rel="stylesheet" href="/jqueryPagination/css/jquery.pagination.css" />
<script src="jquery-1.11.3.js"></script>
<script src="/jqueryPagination/js/jquery.pagination.min.js"></script>

html

<div class="col-md-8 col-md-offset-1">
		<div class="box">
			<div id="pagination3" class="page fl" ></div>
		</div>
 </div>
jquery

$(function(){  
    $("#pagination3").pagination({  
   currentPage: 4,// 当前页数 别写死,从回调中取
   totalPage: 16,// 总页数controller传过来
   isShow: true,// 是否显示首尾页
   count: 7,// 显示个数
   homePageText: "首页",// 首页文本
   endPageText: "尾页",// 尾页文本
   prevPageText: "上一页",// 上一页文本
   nextPageText: "下一页",// 下一页文本
   callback: function(current) {
       // 回调,current(当前页数)
   }
}); 
});


我是在ajax的success里写的这个jquery你们可以自行定义在什么位置。这样就ok了。有任何不懂的欢迎指教谢谢!




评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值