
分頁的樣式就是這樣的
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>