Spring Data + Thymeleaf 3 + Bootstrap 4 实现分页器实例代码

实际上分页器或者分页组件在现实中都有广泛着的应用，照理来说老卫没有必要单独撰文来提这茬。事实是，我近期刚好在写一门关于spring Data、Thymeleaf 3、Bootstrap 4 的应用课程，所以用了Bootstrap 4的样式，结果之前很多例如 Bootstrap 3 的表格、分页器啊之类的插件都不能很好的兼容，百度谷歌无果，而且 Bootstrap 4 还没有出稳定版本，官网的示例也是少的可怜，最终下决心要自己写个分页器了，所用到的技术就是 Spring Data、Thymeleaf 3、Bootstrap 4 。

分页器有哪些需求

中国式报表从来都是最复杂的，随之衍生而来的分页器要求也是错综复杂。本例为求把分页器原理告诉给大家，所以，将分页组件的抽象为以下通用的内容：

1. 显示页码的列表；
2. 该列表的第一项是“上一页”，最后一项是“下一页”；
3. 当前选中的页码要高亮；
4. 当当前页的上一页没有页码可选时，则“上一页”置为不可点击的状态；
5. 当当前页的下一页没有页码可选时，则“下一页”置为不可点击的状态；
   

我们很容易就能找到一个 Bootstrap 分页器的设计原型，如下图：

你可以参考 Bootstrap 官网的介绍 Http://getbootstrap.com/components/#pagination，但建议你不要直接用上面的样式，因为这个样式是 Bootstrap 3版本的。 最后，我找到的了Bootstrap 4 里面的样式，却不在官网 http://www.quackit.com/bootstrap/bootstrap_4/tutorial/bootstrap_pagination.cfm。感谢 books-collection 项目带给程序员的开源、免费图书集合！

Spring Data 能做什么

org.springframework.data.domain.Page 是 Spring Data 提供的一个分页器接口，提供了常用的方法，比如：

List getContent(); // 返回分页后的数据的列表int getTotalPages(); // 总页数long getTotalElements(); // 总数据量boolean isFirst(); // 是否是第一个数据；boolean isLast(); // 是否是最后一个数据；int getNumber(); // 当前页面索引