基于bootstrap的paginator和springboot mybatis的pagehelper分页(带搜索功能)

一、pagehelper的配置

1、pom.xml 中引入pagehelper依赖


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

2、application.yml 中加入pagehelper的配置()

pagehelper:
    helperDialect: postgresql
    reasonable: true
    supportMethodsArguments: true
    params: count=countSql

3、service层直接调用即可

	PageHelper.startPage(pageNum, pageSize);	//	页码和每页显示条数
	List appsList = aaSearchMapper.selectPageAll();		//	紧跟查询语句,否则没用
	PageInfo appsPageInfo = new PageInfo<>(appsList);	//	包装page对象
来看一下page对象中的数据。总条数用来前端判断页数---到此pagehelper就配置完了

基于bootstrap的paginator和springboot mybatis的pagehelper分页(带搜索功能)_第1张图片
4、controller
基于bootstrap的paginator和springboot mybatis的pagehelper分页(带搜索功能)_第2张图片

二、开始bootstrap的paginator的分页
1、js和css的引入,注意顺序




paginator的js下载地址 https://github.com/lyonlai/bootstrap-paginator

2、html页面

	
	
	
	
	

3、javascript


4、效果—END
基于bootstrap的paginator和springboot mybatis的pagehelper分页(带搜索功能)_第3张图片
在这里插入图片描述

不足之处:不像百度式的当前页面显示在中间,自动显示上下几页。(比如:我点击第10页,自动显示为6,7,8,9,10,11,12,13,14,15)

你可能感兴趣的:(前端)