使用的是：Mybatis-Plus的分页插件
https://baomidou.gitee.io/mybatis-plus-doc/#/?id=%E7%AE%80%E4%BB%8B

1、Mapper.java

List<SysUser> selectPageUserList(Page page, SysUser user);

2、serviceImpl

    public Page<SysUser> selectUserPage(SysUser user, Integer current, Integer pageSize) {

        Page<SysUser> page = new Page<SysUser>(current, pageSize);// 当前页，总条数 构造 page 对象

        //sql优化，OptimizeCountSql默认为true，优化，不执行select count(1)操作

        //page.setOptimizeCountSql(false);

        // 查询总记录数，默认是查询

        // page.setSearchCount(false);

        // 注意！！ 分页 total 是经过插件自动 回写 到传入 page 对象

        return page.setRecords(baseMapper.selectPageUserList(page, user));

    }

3、controller

@RequestMapping(value = "/list", method = RequestMethod.POST)

    @ResponseBody

    public ModelAndView doList(SysUser su, SplitPage splitPage){

        ModelAndView mav = new ModelAndView("m/user/listUser");

        Page<SysUser> pageInfo = sysUserService.selectUserPage(su,splitPage.getPageNumber(),splitPage.getPageSize());

        PageInfo<SysUser> pageResult = new PageInfo<SysUser>();

        pageResult.setPageSize(splitPage.getPageSize());

        // 返回当前页码

        pageResult.setPage(pageInfo.getCurrent());

        // 返回总记录数

        pageResult.setRecords(pageInfo.getTotal());

        // 返回总页数

        pageResult.setTotal(pageInfo.getPages());

        // 返回查询数据

        pageResult.setRows(pageInfo.getRecords());

        mav.addObject("pageInfo",pageResult);

        return mav;

    }

    @RequestMapping(value = "/userData", method = RequestMethod.POST)

    @ResponseBody

    public ModelAndView getData(SysUser su, SplitPage splitPage){

        ModelAndView mav = new ModelAndView("m/user/user :: userData");

        Page<SysUser> pageInfo = sysUserService.selectUserPage(su,splitPage.getPageNumber(),splitPage.getPageSize());

        PageInfo<SysUser> pageResult = new PageInfo<SysUser>();

        pageResult.setPageSize(splitPage.getPageSize());

        // 返回当前页码

        pageResult.setPage(pageInfo.getCurrent());

        // 返回总记录数

        pageResult.setRecords(pageInfo.getTotal());

        // 返回总页数

        pageResult.setTotal(pageInfo.getPages());

        // 返回查询数据

        pageResult.setRows(pageInfo.getRecords());

        mav.addObject("pageInfo",pageResult);

        return mav;

    }

4、html页面(thymeleaf)

<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <div th:fragment="page(url,searchForm,tablelist)" class="col-xs-12">

        <div class="col-xs-6">

            <div class="dataTables_info" id="dynamic-table_info" role="status" aria-live="polite">

                共<strong th:text="${pageInfo.records}"/>条数据

            </div>

        </div>

        <div class="col-xs-6">

            <div class="dataTables_paginate paging_simple_numbers" id="table_paginate">

                <input th:hidden="true" id="pageNumber" name="pageNumber" th:value="${pageInfo.page}"/>

                <!-- 处理页数小于等于7 的情况 -->

                <ul th:if="${(pageInfo.total le 7)&&(pageInfo.total gt 0)}" class="pagination">

                    <li th:if="${pageInfo.page eq 1}" class="page-item disabled"><a class="page-link" href="#">上一页</a></li>

                    <li th:if="${pageInfo.page gt 1}" class="page-item">

                        <a class="page-link" href="javascript:void(0);"  th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\','+${pageInfo.page}+'-1)'" >上一页</a>

                    </li>

                    <li th:each="index:${#numbers.sequence(1,pageInfo.total)}" th:classappend="${index eq pageInfo.page}?'active'" class="page-item">

                        <a class="page-link" href="javascript:void(0);"  th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\',\''+${index}+'\')'"

                           th:text="${index}"></a>

                    </li>

                    <li th:if="${pageInfo.page eq pageInfo.total}" class="page-item disabled">

                        <a class="page-link" href="#">下一页</a>

                    </li>

                    <li th:if="${pageInfo.page lt pageInfo.total}" class="page-item">

                        <a class="page-link" href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\','+${pageInfo.page}+'+1)'">下一页</a>

                    </li>

                </ul>

                <!-- 处理页数大于7 的情况 -->

                <ul th:if="${pageInfo.total gt 7}" class="pagination">

                    <li th:if="${pageInfo.page eq 1}" class="page-item disabled">

                        <a class="page-link" href="#">上一页</a>

                    </li>

                    <li th:if="${pageInfo.page gt 1}" class="page-item">

                        <a class="page-link" href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\','+${pageInfo.page}+'-1)'">上一页</a>

                    </li>

                    <!-- 首页 -->

                    <li th:classappend="${pageInfo.page eq 1}?'active'" class="page-item">

                        <a class="page-link" href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\','+'1)'">1</a>

                    </li>

                    <!-- 当前页面小于等于7 -->

                    <li th:if="${pageInfo.page le 4}" th:each="index:${#numbers.sequence(2,5)}"

                        th:classappend="${index eq pageInfo.page}?'active'" class="page-item">

                        <a href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\',\''+${index}+'\')'" class="page-link" th:text="${index}"></a>

                    </li>

                    <li th:if="${pageInfo.page le 4}" class="page-item">

                        <a class="page-link" href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\','+'6)'">...</a>

                    </li>

                    <!-- 最后一页与当前页面之差小于等于3 -->

                    <li th:if="${pageInfo.total-pageInfo.page le 3}" class="page-item">

                        <a class="page-link" href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\','+${pageInfo.total}+'-5)'">...</a>

                    </li>

                    <li th:if="${pageInfo.total-pageInfo.page le 3}" th:each="index:${#numbers.sequence(pageInfo.total-4,pageInfo.total-1)}"

                        th:classappend="${index eq pageInfo.page}?'active'" class="page-item">

                        <a href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\',\''+${index}+'\')'" class="page-link" th:text="${index}"></a>

                    </li>

                    <!-- 最后一页与当前页面之差大于3 且当前页面大于4 -->

                    <li th:if="${(pageInfo.page gt 4) && (pageInfo.total-pageInfo.page gt 3)}" class="page-item">

                        <a class="page-link" href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\','+${pageInfo.page}+'-2)'">...</a>

                    </li>

                    <li th:if="${(pageInfo.page gt 4) && (pageInfo.total-pageInfo.page gt 3)}" th:each="index:${#numbers.sequence(pageInfo.page-1,pageInfo.page+1)}"

                        th:classappend="${index eq pageInfo.page}?'active'" class="page-item">

                        <a class="page-link" href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\',\''+${index}+'\')'" th:text="${index}"></a>

                    </li>

                    <li th:if="${(pageInfo.page gt 4) && (pageInfo.total-pageInfo.page gt 3)}" class="page-item">

                        <a class="page-link" href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\','+${pageInfo.page}+'+2)'">...</a>

                    </li>

                    <!-- 尾页 -->

                    <li th:classappend="${pageInfo.page eq pageInfo.total}?'active'" class="page-item">

                        <a class="page-link"href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\',\''+${pageInfo.total}+'\')'" th:text="${pageInfo.total}"></a>

                    </li>

                    <li th:if="${pageInfo.page eq pageInfo.total}" class="page-item disabled">

                        <a class="page-link" href="#">下一页</a>

                    </li>

                    <li th:if="${pageInfo.page lt pageInfo.total}" class="page-item">

                        <a class="page-link" href="javascript:void(0);" th:onclick="'javascript:splitPageLink(\''+${url}+'\',\''+${searchForm}+'\',\''+${tablelist}+'\','+${pageInfo.page}+'+1)'">下一页</a>

                    </li>

                </ul>

            </div>

        </div>

    </div>

</body>

</html>

5、js

function splitPageLink(url,searchForm,tablelist,toPage) {

    $("#table_paginate select[name=pageNumber],input[name=pageNumber] ").val(toPage);

    ajaxLoad(url,$.param({'pageNumber': toPage}) + '&' +$("#"+searchForm+"").serialize(),'lu_user_list');

}
function ajaxLoad(url,data,loadTable){

    $.ajax({

        type:"post",

        url:url,

        data: data,

        contentType:"application/x-www-form-urlencoded; charset=UTF-8",

        dataType: "html",

        async:false,//同步

        success:function (result) {

            $("#"+loadTable+"").html(result);

        }

    })

}

Mybatis-Plus的分页插件的更多相关文章

  1. SpringBoot+Mybatis配置Pagehelper分页插件实现自动分页

    SpringBoot+Mybatis配置Pagehelper分页插件实现自动分页 **SpringBoot+Mybatis使用Pagehelper分页插件自动分页,非常好用,不用在自己去计算和组装了. ...

  2. Mybatis的PageHelper分页插件的PageInfo的属性参数，成员变量的解释,以及页面模板

    作者:个人微信公众号:程序猿的月光宝盒 //当前页 private int pageNum; //每页的数量 private int pageSize; //当前页的数量 private int si ...

  3. Springboot 系列（十二）使用 Mybatis 集成 pagehelper 分页插件和 mapper 插件

    前言 在 Springboot 系列文章第十一篇里(使用 Mybatis(自动生成插件) 访问数据库),实验了 Springboot 结合 Mybatis 以及 Mybatis-generator 生 ...

  4. springboot如何集成mybatis的pagehelper分页插件

    mybatis提供了一个非常好用的分页插件,之前集成的时候需要配置mybatis-config.xml的方式,今天我们来看下它是如何集成springboot来更好的服务的. 只能说springboot ...

  5. 【spring boot】14.spring boot集成mybatis,注解方式OR映射文件方式AND pagehelper分页插件【Mybatis】pagehelper分页插件分页查询无效解决方法

    spring boot集成mybatis,集成使用mybatis拖沓了好久,今天终于可以补起来了. 本篇源码中,同时使用了Spring data JPA 和 Mybatis两种方式. 在使用的过程中一 ...

  6. Spring Boot整合tk.mybatis及pageHelper分页插件及mybatis逆向工程

    Spring Boot整合druid数据源 1)引入依赖 <dependency> <groupId>com.alibaba</groupId> <artif ...

  7. 小白的springboot之路（十五）、mybatis的PageHelper分页插件使用

    0.前言 用mybatis,那么分页必不可少,基本都是用PageHelper这个分页插件,好用方便: 1.实现 1.1.添加依赖: <!-- 3.集成 mybatis pagehelper--& ...

  8. 后端——框架——持久层框架——Mybatis——补充——pageHelper(分页)插件

    Pagehelper插件的知识点大致可以分为三个部分 搭建环境,引入jar包,配置. 使用方式,只需要记住一种即可.类似于在写SQL语句中,可以left join,也可以right join,它们实现 ...

  9. （七）mybatis批量操作，分页插件

    首先使用方式很简单: SqlSession sqlSession = sessionFactory.openSession(ExecutorType.BATCH); 批量操作核心:改变执行sql的方式 ...

  10. Mybatis学习 PageHelper分页插件

    1.Maven依赖,注意使用PageHelper时的版本必须与Mybatis版本对应 1 <!-- 添加Mybatis依赖 --> 2 <dependency> 3 <g ...

随机推荐

  1. 刷题33. Search in Rotated Sorted Array

    一.题目说明 这个题目是33. Search in Rotated Sorted Array,说的是在一个"扭转"的有序列表中,查找一个元素,时间复杂度O(logn). 二.我的解 ...

  2. PAT Basic 完美数列(25) [two pointers]

    题目 给定⼀个正整数数列,和正整数p,设这个数列中的最⼤值是M,最⼩值是m,如果M <= m * p,则称这个数列是完美数列.现在给定参数p和⼀些正整数,请你从中选择尽可能多的数构成⼀个完美数列 ...

  3. c语言中对指向指针的指针的理解？

    /************************************************************************* > File Name: ptr_to_pt ...

  4. UML-类图-构造型应用场景是什么？

    1.什么是构造型? 抽象出来的标准的模型元素. 2.有哪些? 1.预定义的,如:<<destory>> 2.自定义的 3.自定义

  5. Java搭建WebSocket的两种方式

    下面分别介绍搭建方法:一.直接使用Java EE的api进行搭建.一共3个步骤:1.添加依赖<dependency>    <groupId>javax</groupId ...

  6. webpack--删除dist目录

    1.安装clean-webpack-plugin插件 npm install clean-webpack-plugin --D 2.在webpack.dev.conf.js或者webpack.conf ...

  7. Linux轻量级自动化运维工具— Ansible

    Ansible 是什么 ? ansible是新出现的自动化运维工具,基于Python开发,集合了众多运维工具(puppet.cfengine.chef.func.fabric)的优点,实现了批量系统配 ...

  8. Vue2生命周期

    这是Vue文档里关于实例生命周期的解释图 那么下面我们来进行测试一下 <section id="app-8"> {{data}} </section> va ...

  9. Kafka及周边深度了解

    之前介绍了使用官方脚本自动化启动一个Fabric网络,并且所有的证书都是通过官方的命令行工具cryptogen直接生成网络中的所有节点的证书.在开发环境可以这么简单进行,但是生成环境下还是需要我们自定 ...

  10. android中的适配器模式

    原文: https://blog.csdn.net/beyond0525/article/details/22814129 类适配模式.对象适配模式.接口适配模式