前言

thymeleaf 3.0.9.RELEASE
thymeleaf 模板方式调用
css需要替换

效果

调用分页模板

<div class="pager th:replace="base :: page_pager(1, -1, 12, @{/c})">
</div>

<div class="pager th:replace="base :: page_pager(${page.number+1}, -1, ${page.totalPages}, @{/c(id=${param.id})})">
</div>

模板部分代码

<!-- number 页码。页码从1开始，如：1，2，3，4，5，...offset 页码偏移量。如果页码是从0开始，则偏移量为-1；如果页码从1开始，偏移量为0totalPages 分页后，页的总数量。url URL地址。形如：/c , /c?id=1, /c/b?id=1&limit=10。1,会自动向url中添加页码，如：/c?id=1&page=1, /c/b?id=1&limit=10&page=12,当超过totalPages>maxButtons时，会显示...代替多余的按钮3,maxButtons>=floatButtons*2--><div class="pager layui-clear" th:fragment="page_pager(number, offset, totalPages, url)" th:with="maxButtons=10,floatButtons=5"><ul class="pagination"><!-- 上一页 --><li th:if="${number == 1}"><span>上一页</span></li><li th:if="${number > 1}"><a th:href="@{${url}(page=${number+offset-1})}">上一页</a></li><!-- 首页 --><li th:if="${number == 1}" class="active"><span>1</span></li><li th:if="${number > 1}"><a th:href="@{${url}(page=${1+offset})}">1</a></li><th:block th:if="${totalPages>2 && totalPages<=maxButtons}" th:each="i : ${#numbers.sequence(2,totalPages-1)}"><li th:if="${number == i}"  class="active"><span th:text="${i}">页码</span></li><li th:if="${number != i}"><a th:href="@{${url}(page=${i+offset})}" th:text="${i}">页码</a></li></th:block><th:block th:if="${totalPages > maxButtons}"><th:block th:if="${(number-(floatButtons/2)) <= 2}" th:each="i : ${#numbers.sequence(2,2+floatButtons-1)}"><li th:if="${number == i}"  class="active"><span th:text="${i}">页码</span></li><li th:if="${number != i}"><a th:href="@{${url}(page=${i+offset})}" th:text="${i}">页码</a></li></th:block><!-- ... --><li th:if="${(number-(floatButtons/2))>2}"><span>...</span></li><th:block th:if="${((number-(floatButtons/2))>2) && ((number+(floatButtons/2)-(floatButtons%2==0?1:0)) < (totalPages-1))}"th:each="i : ${#numbers.sequence(number-(floatButtons/2),number+(floatButtons/2)-(floatButtons%2==0?1:0))}"><li th:if="${number == i}"  class="active"><span th:text="${i}">页码</span></li><li th:if="${number != i}"><a th:href="@{${url}(page=${i+offset})}" th:text="${i}">页码</a></li></th:block><!-- ... --><li th:if="${(number+(floatButtons/2)-(floatButtons%2==0?1:0)) < (totalPages-1)}"><span>...</span></li><th:block th:if="${(number+(floatButtons/2)-(floatButtons%2==0?1:0)) >= (totalPages-1)}" th:each="i : ${#numbers.sequence(totalPages-floatButtons,totalPages-1)}"><li th:if="${number == i}"  class="active"><span th:text="${i}">页码</span></li><li th:if="${number != i}"><a th:href="@{${url}(page=${i+offset})}" th:text="${i}">页码</a></li></th:block></th:block><!-- 最后一页 --><li th:if="${totalPages>1 && number == totalPages}" class="active"><span th:text="${totalPages}">页码</span></li><li th:if="${totalPages>1 && number != totalPages}"><a th:href="@{${url}(page=${totalPages+offset})}" th:text="${totalPages}">页码</a></li><!-- 下一页 --><li th:if="${number >= totalPages}"><span>下一页</span></li><li th:if="${number < totalPages}"><a th:href="@{${url}(page=${number+offset+1})}">下一页</a></li></ul></div>

参考

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html

【thymeleaf】分页代码相关推荐

mysql通用分页_MySQL海量数据的通用存储过程分页代码
本节主要内容: MySQL海量数据的通用存储过程分页代码本节为大家分享一例mysql 通用存储过程分页.海量数据分页的代码. 1,测试用的表结构: 复制代码代码示例: CREATE TABLE I ...
PHP分页代码实例教程
PHP分页代码实例教程分享一段php分页代码,很简单,作为php分页的入门教程不错. 专题推荐:php分页代码大全 php分页原理 php分页类数据库链接及参数设定 //数据库连接 ...
php mysql ajax 分页_ajax+php+mysql无刷新分页代码(1/2)_PHP教程
ajax+php+mysql无刷新分页代码 ajax+php教程+mysql教程无刷新分页代码 2 3 4投票结果 5 6 7 8 9 function getxmlhttpobject() 10 { ...
分页原理+分页代码+分页类制作
分页显示是一种非常常见的浏览和显示大量数据的方法,属于web编程中最常处理的事件之一.对于web编程的老手来说,编写这种代码实在是和呼吸一样自然,但是对于初学者来说,常常对这个问题摸不着头绪,因此 ...
php模型分页代码,ThinkPHP6.0模型关联分页
模型关联分页简单案例,标签关联文章,对文章进行分页,上一篇文章写得比较繁琐,这里可以将问题拆解成一对多关系,那么问题就迎刃而解了. 我们可以通过查询tag直接拿到tag_id,通过中间表和文章表关联一 ...
php ajax 分页phpapi,ajax分页_php ajax分页代码
摘要腾兴网为您分享:php ajax分页代码,智慧农业,长沙银行,一折包邮,信和财富等软件知识,以及381.65,红娘牵线,中经油马,战地小,歌词制作,唯美会,微软必应输入法,邓州在线,螺丝钉,侠客 ...
php分页代码页数太多,php google或baidu分页代码
php实现google与baidu的分页代码,需要的朋友可以参考下. /** 作者:潇湘博客时间: 2009-11-26 php技术群: 37304662 使用方法: include_once'Pa ...
mysql分页存储过程分页查询语句_分页存储过程(用存储过程实现数据库的分页代码)...
用存储过程实现数据库的分页代码,加快页面执行速度.具体的大家可以测试下. --******************************************************* --* 分 ...
mysql sqlserver分页_SqlServer、MySql万能分页代码
sql数据库中常用的分页我做了一个万能的用的上的小伙伴拿去耍吧 go ----SqlServer万能分页代码 create procedure [dbo].[sp_datapager] @pag ...
php分页代码页数太多,php分页函数示例代码分享
一例php分页函数代码. 分享一例php分页函数代码,用此函数实现分页代码很不错. 代码,php分页函数. /* * 使用方法: require_once('mypage.php'); $result ...

【thymeleaf】分页代码

前言

效果

调用分页模板

模板部分代码

参考

【thymeleaf】分页代码相关推荐

最新文章

热门文章