pagehelper分页插件、& Mybatis plus 分页

春来我不先开口，哪个虫儿敢作声?

已于 2024-04-13 16:18:25 修改

阅读量4.2k

点赞数 2

分类专栏：有关Java项目的参考文章文章标签： mybatis spring boot java

于 2023-06-06 19:22:36 首次发布

本文链接：https://blog.csdn.net/weixin_67573348/article/details/131072960

版权

有关Java项目的参考文章专栏收录该内容

17 篇文章 0 订阅

订阅专栏

前言：在学习项目的过程中遇到了数据分页的功能，单纯的js前端不能处理大的数据量，需要后端整理好数据发送给前端，那么使用分页插件无疑是个好选择.

pagehelper依赖

            <dependency>
                <groupId>com.github.pagehelper</groupId>
                <artifactId>pagehelper-spring-boot-starter</artifactId>
                <version>1.4.1</version>
            </dependency>

接口方法mapper

    // 根据名字模糊查询
    List<BookLibrary> findBookByName(String name);

Mybatis

这个sql完成的功能是：前端的搜索功能和展示数据做出分页的效果。

如果name的值是 ’ 1l ‘ ,那么展示全部数据，否则模糊查询，这里sql正常写就行（不用在意PageNum和PageSize参数，service层会重写）。

    <select id="findBookByName" resultType="com.ma.entity.BookLibrary">
        SELECT * FROM book_library
        WHERE
        <choose>
            <when test="name == '1l'">
                1=1
            </when>
            <otherwise>
                name LIKE CONCAT('%', #{name}, '%')
            </otherwise>
        </choose>
    </select>

Service

    List<BookLibrary> findBookByName(int pageNum,int pageSize,String name);

ServiceImpl

注意这一步操作：

1. 如果要做分页需要两个条件当前页pageNum，和每页的数量pageSize，以及我结合搜索功能的name，这三个参数。

2. PageHelper.startPage(pageNum, pageSize); ，这步操作就是分页插件的分页，写在第一步。

3. 调用你的mapper接口正常的查询数据，注意查询数据的操作一定放在分页后面！

4. 新建出来PageInfo的类，把查询到的数据bookByPage放在pageInfo对象里。

5. 返回pegeInfoList集合。

    @Override
    public List<BookLibrary> findBookByName(int pageNum, int pageSize, String name) {
        PageHelper.startPage(pageNum, pageSize);
        List<BookLibrary> bookByPage = bookLibaryMapper.findBookByName(name);
        PageInfo<BookLibrary> pageInfo = new PageInfo<>(bookByPage);
        return pageInfo.getList();
    }

PageResult类

如果想要把这些数据给到前端直接用，那么需要一个类去存储分页的数据。

package com.ma.common;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.ToString;

import java.util.List;


@Data
@AllArgsConstructor
@NoArgsConstructor
@ToString
public class PageResult<T> {
    //当前页
    private int pageNum;
    //每页的数量
    private int pageSize;
    //当前页的数量
    private int size;

    //由于startRow和endRow不常用，这里说个具体的用法
    //可以在页面中"显示startRow到endRow 共size条数据"

    //当前页面第一个元素在数据库中的行号
    private int startRow;
    //当前页面最后一个元素在数据库中的行号
    private int endRow;

    //总记录数
    private long total;
    //总页数
    private int pages;
    //结果集
    private List<T> list;

    //前一页
    private int prePage;
    //下一页
    private int nextPage;
    //是否为第一页
    private boolean isFirstPage;
    //是否为最后一页
    private boolean isLastPage;
    //是否有前一页
    private boolean hasPreviousPage;
    //是否有下一页
    private boolean hasNextPage;
    //导航页码数
    private int navigatePages;
    //所有导航页号
    private int[] navigatepageNums;
    //导航条上的第一页
    private int navigateFirstPage;
    //导航条上的最后一页
    private int navigateLastPage;
}

返回数据类

package com.ma.common;

import lombok.Data;
import java.util.HashMap;
import java.util.Map;

@Data
public class R<T> {

    private Integer code; //编码：1成功，0和其它数字为失败

    private String msg; //错误信息

    private T data; //数据

    private Map map = new HashMap(); //动态数据

    public static <T> R<T> success(T object) {
        R<T> r = new R<T>();
        r.data = object;
        r.code = 1;
        return r;
    }

    public static <T> R<T> error(String msg) {
        R r = new R();
        r.msg = msg;
        r.code = 0;
        return r;
    }

    public R<T> add(String key, Object value) {
        this.map.put(key, value);
        return this;
    }

}

Controller层

1. 返回值是一个PageResult类存储分页的数据

2. 把前端传过来的值，直接交给service重写的方法findBookByName去进行分页操作。

3. 创建PageInfo类，把数据放进这个类中。

4. 创建存储分页数据的PageResult类

5. 把pageInfo里面分好的数据放到将要存储分页数据的PageResult类中，返回给前端。

（这里的set方法数据不一致，看PageResult类set设置去。）

    @GetMapping("/booklibrary/getBooksByPage/{name}")
    public R<PageResult> getBooksByPage(@RequestParam("pageNum") int pageNum, @RequestParam("pageSize") int pageSize, @PathVariable String name) {

        List<BookLibrary> bookByName = bookLibaryService.findBookByName(pageNum, pageSize, name);

        PageInfo<BookLibrary> pageInfo = new PageInfo<>(bookByName);
        PageResult<BookLibrary> pageResult = new PageResult<>();

        pageResult.setData(pageInfo.getList());
        pageResult.setTotalRecords(pageInfo.getTotal());
        pageResult.setCurrentPageNum(pageInfo.getPageNum());
        pageResult.setRecordsPerPage(pageInfo.getPageSize());
        pageResult.setTotalPages(pageInfo.getPages());

        return R.success(pageResult);
    }

到这里如果前端接口正常，就可以返回你设置的分页数据，去进行分页操作了。

前端

分页代码

        <div class="container mt-3">
            <ul class="pagination">
                <li class="page-item"><a class="page-link" id="prevBtn">上一页</a></li>
                <li class="page-item"><a class="page-link" onclick="findBookByName('1l',1)">1</a></li>
                <li class="page-item"><a class="page-link" onclick="findBookByName('1l',2)">2</a></li>
                <li class="page-item"><a class="page-link" onclick="findBookByName('1l',3)">3</a></li>
                <li class="page-item"><a class="page-link" id="nextBtn">下一页</a></li>
                <span id="totalRecords" style="margin-left: 20px;"></span>
                <input type="text" id="pageNumInput" style="width: 80px; height: 40px;margin-left: 20px;">
                <button type="button" class="btn btn-info" id="jumpButton" onclick="jumpToPage()">跳转</button>
            </ul>

        </div>

展示部分代码

let name = "1l"; // 查询全部
let pageNum = 1;
let pageSize = 5;

function findBookByName(name, pageNum) {
    let url = '/booklibrary/getBooksByPage/' + encodeURIComponent(name) + '?pageNum=' + pageNum + '&pageSize=' + pageSize;
    $.ajax({
        url: url,
        type: 'GET',
        dataType: 'json',
        contentType: 'application/json',
        headers: {
            'Authorization': 'Bearer ' + token
        },
        success: function (response) {
            console.log(response)

            let totalRecords = response.data.totalRecords; // 总共有几条数据
            let totalPages = response.data.totalPages;  // 当前页的记录数
            let currentPageNum = response.data.currentPageNum; // // 总页数

      $('#totalRecords').text("总共:" + totalRecords + "条数据         " + "第" + currentPageNum + "/" + totalPages + "页");

打印出的数据

            $('#prevBtn').off().click(function () {
                if (pageNum > 1) {
                    pageNum--;
                    findBookByName(name, pageNum);
                } else {
                    // 已经是第一页，弹出提示框
                    alert("已经是第一页");
                }
            });

            $('#nextBtn').off().click(function () {
                if (pageNum < totalPages) {
                    pageNum++;
                    findBookByName(name, pageNum);
                } else {
                    // 已经是最后一页，弹出提示框
                    alert("已经是最后一页");
                }
            });

展示数据，搜索功能，跳转框功能实现

// 页面初始化数据
findBookByName(name, pageNum);


// 显示全部数据
function findBookByNameAll() {
    findBookByName("1l", pageNum);
}


// 搜索
function search() {
    let name = $('#searchValue').val().trim().replace(/\s/g, '');
    findBookByName(name, pageSize);
}

// 跳转到指定页码
function jumpToPage() {
    let pageNum = parseInt($('#pageNumInput').val());

    if (isNaN(pageNum) || pageNum < 1) {
        alert('请输入有效的页码');
        return;
    }
    findBookByName("1l", pageNum);
}

Yshop框架分页

第一种方式

service层

    ResponseEntity<PageInfo<PetManagement>> selectQiuOrderA(PetManagement petManagement, Pageable pageable);

ServiceImpl层

    @Override
    public ResponseEntity<PageInfo<PetManagement>> selectQiuOrderA(PetManagement petManagement, Pageable pageable) {
        getPage(pageable);
        List<PetManagement> petManagements = managementMapper.selectList(null);
        return ResponseEntity.ok(new PageInfo<>(petManagements));
    }

第二中方式

    ResponseEntity<IPage<PetManagement>> selectInfo(PetManagement petManagement,Pageable pageable);


    @Override
    public ResponseEntity<IPage<PetManagement>> selectInfo(PetManagement petManagement, Pageable pageable) {

        // 根据宠物id,用户id，宠物状态，宠物名称，宠物类型，宠物品种，宠物年龄，宠物价格，发布时间，去进行模糊查询

        Page<PetManagement> petManagementPage = managementMapper.selectPage(
                new Page<>(pageable.getPageNumber(), pageable.getPageSize()),
                new LambdaQueryWrapper<PetManagement>()
                        .like(!Objects.isNull(petManagement.getId()), PetManagement::getId, petManagement.getId())
                        .like(!Objects.isNull(petManagement.getUserId()), PetManagement::getUserId, petManagement.getUserId())
                        .like(!Objects.isNull(petManagement.getPetStatus()), PetManagement::getPetStatus, petManagement.getPetStatus())
                        .like(!Objects.isNull(petManagement.getPetName()), PetManagement::getPetName, petManagement.getPetName())
                        .like(!Objects.isNull(petManagement.getPetBreed()), PetManagement::getPetBreed, petManagement.getPetBreed())
                        .like(!Objects.isNull(petManagement.getPetAge()), PetManagement::getPetAge, petManagement.getPetAge())
                        .like(!Objects.isNull(petManagement.getPetPrice()), PetManagement::getPetPrice, petManagement.getPetPrice())
                        .like(!Objects.isNull(petManagement.getCreateTime()), PetManagement::getCreateTime, petManagement.getCreateTime())
        );

        List<PetManagement> petManagements = petManagementPage.getRecords();

        petManagements.forEach(record -> {
            List<PetImg> petImgs = petImgMapper.selectList(
                    new LambdaQueryWrapper<PetImg>().eq(PetImg::getManagementId, record.getId()));

            record.setPetImgList(petImgs);
            record.setPetImg(petImgs.get(0).getPetImg());
//            record.setPriceSort(0); // 默认价格
        });


        petManagementPage.setRecords(petManagements);


        return ResponseEntity.ok(petManagementPage);
    }