1. 概述
在web开发中，我们经常会将公共头，公共尾，菜单等部分提取成模板供其它页面使用。在thymeleaf中，通过th:fragment、th:include、th:replace、参数化模板配置、css选择器加载代码块等实现。下文通过例子来说明用法:
- fragment语法
- 通过 th:fragment 和 css选择器加载代码块
- th:include 和 th:replace
- 参数化模板配置
这应该是Thymeleaf系列的最后一篇，不容易啊！夸夸一下自己，呵呵！
注意
- spring boot 1.5.4 默认使用的 thymeleaf 2，这里只演示thymeleaf 2语法
2. 例子
2.1. 公共页
/templates/template/footer.html
此页面定义待加载的模板页面
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<meta charset="UTF-8" />
<body>
<!-- th:fragment 定义用于加载的块 -->
<span th:fragment="copy"> 2017 hry loaded by fragment=copy</span>
<span id="copy-section"> 2017 hry loaded by id=copy-section</span>
<!-- 定义模板时，可以传入参数 -->
<span th:fragment="frag(month, date) "> <span th:text="'welcome hry come in ' + ${month} + '-' + ${date}"></span></span>
</body>
</html>2.2. fragment语法
/templates/template/footer.html：定义要加载代码块copy
<!-- th:fragment 定义用于加载的块 -->
<span th:fragment="copy"> 2017 hry loaded by fragment=copy</span>/tem
最低0.47元/天 解锁文章
315
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
