springboot+thymeleaf 纯后台渲染偷懒版分页

Posted 2020-12-25 二刀

分页的样式就是这样的

cotroller这里这么写，传给view总页数，现在的页数，下一页，上一页的信息

private String homeInfo(Model model) { Page<PostEntity> postEntities= postService.findAllByPage(0,10); model.addAttribute("posts",postEntities.getContent()); int totalPage=postEntities.getTotalPages(); int nowPage=postEntities.getPageable().getPageNumber()+1; int prePage=nowPage>2?nowPage-1:0; int nextPage=nowPage<totalPage?nowPage+1:0; model.addAttribute("totalPage",totalPage); model.addAttribute("nowPage",nowPage); model.addAttribute("prePage",prePage); model.addAttribute("nextPage",nextPage); return render("index"); }

 

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版这么写

<!--分页--> <div style="text-align: center"> <a class="pure-button" href="/">首页</a> <a class="pure-button" th:if="${prePage != 0}" th:href="@{\'/page/\'+${prePage}}">上一页</a> <a class="pure-button" th:if="${nextPage != 0}" th:href="@{\'/page/\'+${nextPage}}">下一页</a> <a class="pure-button" th:href="@{\'/page/\'+${totalPage}}">尾页</a> </div>

 

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>

来自为知笔记(Wiz)