本文介绍了如何在SpringBoot项目中利用Thymeleaf模板引擎提取和复用HTML页面的公共部分，如导航栏和侧边栏。通过创建独立的`Commons.html`页面，定义`th:fragment`，然后使用`th:replace`或`th:insert`来插入或替换页面元素。此外，还提到了片段表达式的不同格式，并展示了如何传递参数以实现动态高亮等功能。
在我们开发web项目的过程中，例如我们在编写HTML页面代码的时候，像典型的导航栏、侧边栏等部分，几乎都是重复的代码。在这之前我们一般都是使用页面嵌套等方式，把这些多余的页面代码去重复，最近接触到很多前后端代码分离开发的技术（Vue，Thymeleaf等），那么今天就简单分享一下学习到的Springboot整合了Thymeleaf模板后提取页面公共代码。
下面这两部分折叠的代码段就是上图红色框里面的顶部和侧边栏。
首先在templates目录下创建一个页面把上面两段代码放置进去，单独抽取出来放在Commons.html页面，注意在html根元素引入命名空间声明：xmlns:th=“
最低0.47元/天 解锁文章
1872
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
