Spring Boot + JPA + Freemarker + Bootstrap 实现分页

最新推荐文章于 2022-10-17 19:38:18 发布

~~^^

最新推荐文章于 2022-10-17 19:38:18 发布

阅读量859

点赞数

分类专栏： # JavaWeb

本文链接：https://blog.csdn.net/HuaLingPiaoXue/article/details/87995664

版权

本文介绍了如何使用Spring Boot、JPA和Freemarker结合实现分页功能。通过在Freemarker模板中处理Page对象，并利用ajax进行页面交互，详细讲解了userQueryService的获取及使用过程，包括创建UserRepository、定义UserQueryService接口及其实现。

摘要由CSDN通过智能技术生成

Freemarker代码

onclick里的函数用的是ajax

<#--总页数-->
<#assign totalPages = page.totalPages>
<#--总元素数-->
<#assign totalElements = page.totalElements>
<#--当前页数 加1是因为java传过来的page是以0开始的 -->
<#assign number = page.number+1>
<#--第一页-->
<#assign first = page.first>
<#--最后一页-->
<#assign last = page.last>

<nav aria-label="Page navigation">
    <ul class="pagination pagination-lg  justify-content-center">

    <#--上一页-->
    <#if first>
        <li class="page-item">
            <a class="page-link" href="#">上一页</a>
        </li>
    <#else>
        <li class="page-item">
            <a class="page-link" onclick="page('?page=${number-2}&size=5')">上一页</a>
        </li>
    </#if>

    <#--小于等于10页全部显示-->
    <#if totalPages <= 10>
        <#list 1..totalPages as pageIndex>
            <#if number == pageIndex>
                <li class="page-item active">
                    <a class="page-link" onclick="page('?page=${pageIndex-1}&size=5')">${pageIndex}</a>
                </li>
            <#else>
                <li class="page-item ">
                    <a class="page-link" onclick="page('?page=${pageIndex-1}&size=5')">${pageIndex}</a>
                </li>
            <