mybatis-plus和springboot和html怎么做分页查询

好的，你的问题是如何使用MyBatis-Plus、Spring Boot和HTML进行分页查询。在这里，我会给你讲解一下具体的实现步骤。

首先，你需要在pom.xml文件中添加MyBatis-Plus和Spring Boot的依赖：

<!-- mybatis-plus -->
<dependency>
    <groupId>com.baomidou</groupId>
    <artifactId>mybatis-plus-boot-starter</artifactId>
    <version>${mybatis-plus.version}</version>
</dependency>
<!-- spring-boot-starter-web -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-web</artifactId>
    <version>${spring-boot.version}</version>
</dependency>

然后，在你的Controller中定义一个分页查询的API接口，如下所示：

@GetMapping("/page")
public Result page(@RequestParam(required = false, defaultValue = "1") Integer pageNum,
                   @RequestParam(required = false, defaultValue = "10") Integer pageSize) {
    // 查询条件构造器
    QueryWrapper<User> queryWrapper = new QueryWrapper<>();
    // 分页对象
    Page<User> page = new Page<>(pageNum, pageSize);
    // 分页查询
    IPage<User> userIPage = userService.page(page, queryWrapper);

    return Result.success(userIPage);
}

这里的“User”代表你要分页查询的实体类，注意在分页查询的时候，需要传入对应的分页参数，同时使用QueryWrapper构造查询条件。

最后，在HTML页面中使用ajax调用API接口，获取到查询结果后展示即可。

// 分页查询
function queryPage(pageNum) {
    $.ajax({
        type: 'get',
        url: '/user/page',
        data: {
            pageNum: pageNum
        },
        dataType: 'json',
        success: function (res) {
            var userList = res.data.records;
            var html = '';
            for (var i = 0; i < userList.length; i++) {
                var user = userList[i];
                html += '<tr>';
                html += '<td>' + user.username + '</td>';
                html += '<td>' + user.age + '</td>';
                html += '</tr>';
            }
            $('#userTable tbody').html(html);
            showPages(res.data.pages, res.data.current);
        },
        error: function (res) {
            console.log(res);
        }
    });
}

// 展示分页列表
function showPages(totalPages, currentPage) {
    var html = '';
    for (var i=1; i<=totalPages; i++) {
        if (i == currentPage) {
            html += '<li class="active"><a href="#">' + i + '</a></li>';
        } else {
            html += '<li><a href="#" onclick="queryPage(' + i + ')">' + i + '</a></li>';
        }
    }
    $('.pagination').html(html);
}

以上就是使用MyBatis-Plus、Spring Boot和HTML进行分页查询的实现步骤，希望对你有帮助。