mybatis+分页插件（paginator）

最新推荐文章于 2024-04-27 09:51:55 发布

LoveM生活美好

最新推荐文章于 2024-04-27 09:51:55 发布

阅读量400

点赞数

CC 4.0 BY-SA版权

分类专栏：工具类文章标签： pagination.js

本文链接：https://blog.youkuaiyun.com/gjm15652957971/article/details/79403671

工具类专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个适用于MyBatis的分页插件的详细安装与配置流程。主要包括：下载pagination.js文件；在pom.xml中添加依赖；在mybatis.xml中配置插件；在jsp页面引入必要的js和css文件；初始化页面并加载分页插件；在html中添加分页组件。

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

这是一个与mybatis配套的分页插件,具体使用步骤如下:

1,下载pagination.js

2,pom.xml中添加jar

<dependency>  
  <groupId>com.github.miemiedev</groupId>  
  <artifactId>mybatis-paginator</artifactId>  
  <version>1.2.10</version>  
</dependency>

3, mybatis.xml中添加配置

    <plugins>
        <!-- mybati实现分页 -->
        <plugin interceptor="com.github.miemiedev.mybatis.paginator.OffsetLimitInterceptor">
            <property name="dialectClass" value="com.github.miemiedev.mybatis.paginator.dialect.MySQLDialect"/>
        </plugin>
    </plugins>

4,jsp页面中引入相应js与css(jquery.js和jquery.pagination.js顺序不能错)

<script type="text/javascript" src="${basePath}/dataSelect/pagination/pagination.css"></script>
<script type="text/javascript" src="${basePath}/dataSelect/jquery/jquery.min.js"></script>
<script type="text/javascript" src="${basePath}/dataSelect/pagination/jquery.pagination.js"></script>

5,页面初始化时进行分页插件加载

var pageSize = 10;//每页显示的条数,默认为10
var page = 1;
//页面初始化即加载数据
$(function() {
    //分页插件
	$('#pagination').pagination({  
        pageCount:40,  
        current:page,
        jump:true,  
        jump:true,  
        count:2,  
        prevContent:'<上一页',  
        nextContent:'下一页>',  
        jumpBtn:'确定',  
        callback:callbackAjax  
    }); 
 });

function callbackAjax(api){
	//获取当前页码  
    var pageIndex = api.getCurrent();
 	var startTime = $("#startTime").val();
	var endTime = $("#endTime").val();
	var boundaries = $("#boundaries").val();
        window.location.href="<%=path%>/data/getPassengerAndDriverData?startTime="+startTime+"&&endTime="+endTime+"&&boundaries="+boundaries+"&&pageSize="+pageSize+"&&pageIndex="+pageIndex;
 }

6,html中添加相应的配置