java后端实现信息分页查询的示例代码

 更新时间:2023年11月30日 11:01:42   作者:D. D  
在一个页面展示大量的用户信息不便于观看,因此就需要采用分页展示的方法,本文就来为大家介绍一下java后端如何实现信息分页查询,需要的小伙伴可以参考下

需求分析

在一个页面展示大量的用户信息不便于观看,因此采用分页展示的方法。

用户可以通过分页条自己选择查看的数量。

可以用条件过滤一些信息,在查询的同时还需要分页展示

代码开发

1.流程

页面发送ajax请求,将分页查询参数(page,pageSize,name)提交到服务端

服务端Controller接收到页面提交的数据并调用Service查询数据

Service调用Mapper操作数据库,查询分页展示

Controller将查询到的分页数据响应给页面

页面接收到分页数据并通过ElementUI的Table组件展示到页面上

2.要点说明

全局请求拦截器,发送get方式ajax请求,json格式的参数会统一进行处理,重新组装。

最终格式:http://localhost:8080/employee/page?page=1&pageSize=10

    // request拦截器
   service.interceptors.request.use(config => {
    // 是否需要设置 token
    // const isToken = (config.headers || {}).isToken === false
    // if (getToken() && !isToken) {
    //   config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改
    // }
    // get请求映射params参数
    if (config.method === 'get' && config.params) {
      let url = config.url + '?';
      for (const propName of Object.keys(config.params)) {
        const value = config.params[propName];
        var part = encodeURIComponent(propName) + "=";
        if (value !== null && typeof(value) !== "undefined") {
          if (typeof value === 'object') {
            for (const key of Object.keys(value)) {
              let params = propName + '[' + key + ']';
              var subPart = encodeURIComponent(params) + "=";
              url += subPart + encodeURIComponent(value[key]) + "&";
            }
          } else {
            url += part + encodeURIComponent(value) + "&";
          }
        }
      }
      url = url.slice(0, -1);
      config.params = {};
      config.url = url;
    }
    return config
  }, error => {
      console.log(error)
      Promise.reject(error)
  })  

前端响应拦截器

    // 响应拦截器
service.interceptors.response.use(res => {
  if (res.data.code === 0 && res.data.msg === 'NOTLOGIN') {// 返回登录页面
    console.log('---/backend/page/login/login.html---')
    localStorage.removeItem('userInfo')
    window.top.location.href = '/backend/page/login/login.html'
  } else {
    return res.data
  }
},
error => {
  console.log('err' + error)
  let { message } = error;
  if (message == "Network Error") {
    message = "后端接口连接异常";
  }
  else if (message.includes("timeout")) {
    message = "系统接口请求超时";
  }
  else if (message.includes("Request failed with status code")) {
    message = "系统接口" + message.substr(message.length - 3) + "异常";
  }
  window.ELEMENT.Message({
    message: message,
    type: 'error',
    duration: 5 * 1000
  })
  return Promise.reject(error)
}
)

前后端对接的数据需要统一

3.后端代码开发

配置Mybatis-plus的分页插件

/**
 * 配置MP的分页插件
 */
@Configuration //配置类注解
public class MybatisPlusConfig {

    //通过拦截器的方式将插件加载到项目
    @Bean
    public MybatisPlusInterceptor mybatisPlusInterceptor(){
        //创建拦截器对象
        MybatisPlusInterceptor mybatisPlusInterceptor = new MybatisPlusInterceptor();
        //通过对象加载拦截器
        mybatisPlusInterceptor.addInnerInterceptor(new PaginationInnerInterceptor());
        return mybatisPlusInterceptor;
    }
}

创建controller类接收前端页面发送请求的参数

/**
 * 员工信息的分页查询
 * @param page
 * @param pageSize
 * @param name
 * @return
 */
@GetMapping("/page")
public R<Page> page(int page,int pageSize,String name) {
    log.info("page={},pageSize={},name={}", page, pageSize, name);

    //1.构造分页构造器
    Page pageInfo = new Page<>(page, pageSize);

    //2.构造条件构造器
    LambdaQueryWrapper<Employee> queryWrapper = new LambdaQueryWrapper();
    // 2.1添加一个过滤条件
    queryWrapper.like(StringUtils.isNotEmpty(name), Employee::getName, name);
    // 2.2添加一个排序条件
    queryWrapper.orderByDesc(Employee::getUpdateTime);


    //3.执行查询
    employeeService.page(pageInfo, queryWrapper);
    return R.success(pageInfo);
}

测试

使用断点调试,跟踪代码逻辑,验证是否符合预期

到此这篇关于java后端实现信息分页查询的示例代码的文章就介绍到这了,更多相关java分页查询内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 深入解析Java的Servlet过滤器的原理及其应用

    深入解析Java的Servlet过滤器的原理及其应用

    这篇文章主要介绍了深入解析Java的Servlet过滤器的原理及应用,Java编写的Servlet通常是一个与网页一起作用于浏览器客户端的程序,需要的朋友可以参考下
    2016-01-01
  • MybatisPlus查询条件空字符串和NULL问题背景分析

    MybatisPlus查询条件空字符串和NULL问题背景分析

    文章详细分析了MybatisPlus在处理查询条件时,空字符串和NULL值的问题,MP 3.3.0及以上版本提供了多种解决方法,包括在Bean属性上使用注解、全局配置等,推荐使用全局配置的方式来解决这个问题,以避免在SQL查询中出现不必要的空字符串条件,感兴趣的朋友跟随小编一起看看吧
    2025-03-03
  • 浅谈resultMap的用法及关联结果集映射

    浅谈resultMap的用法及关联结果集映射

    这篇文章主要介绍了resultMap的用法及关联结果集映射操作,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2021-06-06
  • java继承学习之super的用法解析

    java继承学习之super的用法解析

    本文介绍java继承super的用法,Java继承是会用已存在的类的定义作为基础建立新类的技术新类的定义可以增加新的数据或者新的功能,也可以使用父类的功能,但不能选择性的继承父类 这种继承使得复用以前的代码非常容易,能够大大的缩短开发的周期,需要的朋友可以参考下
    2022-02-02
  • java.util.Random和concurrent.ThreadLocalRandom使用对比

    java.util.Random和concurrent.ThreadLocalRandom使用对比

    这篇文章主要介绍了java.util.Random和concurrent.ThreadLocalRandom使用对比,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-07-07
  • Mybatis 将table表名作为参数传入操作

    Mybatis 将table表名作为参数传入操作

    这篇文章主要介绍了Mybatis 将table表名作为参数传入操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-12-12
  • Java 用反射设置对象的属性值实例详解

    Java 用反射设置对象的属性值实例详解

    这篇文章主要介绍了Java 用反射设置对象的属性值实例详解的相关资料,需要的朋友可以参考下
    2017-05-05
  • 通过实例解析Java不可变对象原理

    通过实例解析Java不可变对象原理

    这篇文章主要介绍了通过实例解析Java不可变对象原理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-10-10
  • Java string类型转换成map代码实例

    Java string类型转换成map代码实例

    这篇文章主要介绍了Java string类型转换成map代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • Java中的Sentinel持久化规则启动

    Java中的Sentinel持久化规则启动

    这篇文章主要介绍了Java中的Sentinel持久化规则启动,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-08-08

最新评论