Thymeleaf抽取公共页面代码

不_停_奔_跑

于 2019-05-24 10:14:59 发布

阅读量2.5k

点赞数

分类专栏：经验文章标签： Thymeleaf 公共页面要点总结

本文链接：https://blog.youkuaiyun.com/weixin_42839838/article/details/90511732

版权

本文介绍了SpringBoot中使用Thymeleaf模板引擎如何抽取和引入公共页面代码，包括th:insert、th:replace和th:include三种引入方式，以及th:fragment定义公共代码部分的方法。通过实例展示了如何在head标签中引用公共代码，同时强调了如果引入页面无额外样式文件需设置传值为空的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

SpringBoot中的使用thymeleaf模板引擎提供了对每个页面的公共的部分，比如导航栏，页脚部分或者head标签中引入的固定的公共资源等，抽取公共代码进行简单的引入即可达到公共页面代码的复用。
废话少说直接开始带大家具体操作下：
我所使用的thymeleaf模板引擎版本为：3.0.11的
在这里插入图片描述

Thymeleaf提供了三种引入方式：

th:insert
th:replace
th:include

在定义公共代码时，有如下两种当时：

定义id名进行引入
使用 th:fragment 定义公共代码部分

定义公共代码示例

此处使用了两种方式进行定义，便于下面进行演示

	<!-- 公共页面代码，此处为了用于区分使用了span标签 -->
    <span th:fragment="comId" id="commonId">
        我是公共代码
    </span>

公共代码页面截图

最低0.47元/天解锁文章