
分页的样式就是这样的
cotroller这里这么写,传给view总页数,现在的页数,下一页,上一页的信息
1
private String homeInfo(Model model) {
2
Page<PostEntity> postEntities= postService.findAllByPage(0,10);
3
model.addAttribute("posts",postEntities.getContent());
4
int totalPage=postEntities.getTotalPages();
5
int nowPage=postEntities.getPageable().getPageNumber()+1;
6
int prePage=nowPage>2?nowPage-1:0;
7
int nextPage=nowPage<totalPage?nowPage+1:0;
8
9
model.addAttribute("totalPage",totalPage);
10
model.addAttribute("nowPage",nowPage);
11
model.addAttribute("prePage",prePage);
12
model.addAttribute("nextPage",nextPage);
13
return render("index");
14
}
view版这么写
1
<!--分页-->
2
<div style="text-align: center">
3
<a class="pure-button" href="/">首页</a>
4
<a class="pure-button" th:if="${prePage != 0}" th:href="@{'/page/'+${prePage}}">上一页</a>
5
<a class="pure-button" th:if="${nextPage != 0}" th:href="@{'/page/'+${nextPage}}">下一页</a>
6
<a class="pure-button" th:href="@{'/page/'+${totalPage}}">尾页</a>
7
</div>