本文介绍了如何利用Thymeleaf的th:include和th:replace来实现页面分页功能的代码复用。通过创建pagination.html碎片并引入到各页面中，避免了重复代码。th:include用于加载模板内容，替换目标div的内容，而th:replace则会替换整个标签。通过实例展示了如何使用这两种语法进行公共模块的引用。
最近做到页面数据展示分页的功能，由于每个模块都需要分页，所以每个页面都需要将分页的页码选择内容重复的写N遍，如下所示：
重复的代码带来的就是Ctrl+C，Ctrl+V ,于是了解了一下thymeleaf的fragment加载语法以及th:include、th:replace的区别，得以解决。
首先在pom.xml引入thymeleaf的依赖
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
将上述的重复信息抽取出来存为pagination.html
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<body>
<div class="panelBar" th:fragment="pagination">
<!--以下为公共部分-->
<div class="pages">
<span>显示</span>
<select class="combox" name="numPerPage" 
最低0.47元/天 解锁文章
4591
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
