前后端开发之分页操作

分页操作的做法有很多种,可以通过前端分页,也可以通过后端分页。在此本人在后端分页(基于spring boot+vue

后端

  • 在pom.xml中添加依赖

            com.github.pagehelper
            pagehelper-spring-boot-starter
            1.2.5
        

  • 在application.properties中添加配置
pagehelper.helperDialect=mysql
pagehelper.reasonable=false
pagehelper.supportMethodsArguments=true
pagehelper.params=count=countSql

  • 在Controller层中使用
    @GetMapping(value = "/*")
    public ResponseResult getAll(@RequestParam(defaultValue = "1") int pageNo, @RequestParam(defaultValue = "10") int pageSize) {
        PageHelper.startPage(pageNo,pageSize);
        //pageNo是页数,默认为1;pageSize是数量,默认为10
        //方法自写
        return ;
    }

前端

本人使用的是基于uni-app的开发

  • 使用hello uni-app组件uni-load-more.vue


你可能感兴趣的:(前后端开发之分页操作)