springboot+Vue+ElementUI+PageHelper实现分页

1. springboot整合PageHelper
(1)加入依赖

            com.github.pagehelper
            pagehelper-spring-boot-starter
            1.2.3
            
                
                    org.mybatis
                    mybatis
                
                
                    org.mybatis
                    mybatis-spring
                
            
        

(2)修改配置文件

pagehelper:
  helperDialect: mysql
  reasonable: true
  supportMethodsArguments: true
  pageSizeZero: false #pageSize=0

(3)使用方法

@PostMapping(value = "/loginlog")
    public PageInfo getLoginLog(@RequestBody Page page)
    {
	//这里的page是因为我有其他需求自定义的，也可以直接获得参数

        PageHelper.offsetPage((page.getCurrentPage() - 1) * page.getPageSize(),page.getPageSize());

        PageInfo pageInfo = new PageInfo(tbLoginLogService.selectAll());//查询数据库

        return pageInfo;
    }

前端代码

效果