原文：https://blog.csdn.net/h1021456873/article/details/79085505

Thymeleaf html 导入(th:replace & th:include)

模板模块导入

首先定义一个/WEBINF/templates/footer.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 th:fragment="copy">&copy; 2011 The Good Thymes Virtual Grocery</div></body>
</html>

上面的代码定义了一个片段称为copy,我们可以很容易地使用th:include 或者 th:replace属性包含在我们的主页上:

<body>
...
<div th:include="footer :: copy"></div>
</body>

include的表达式想当简洁。这里有三种写法：

“templatename::domselector” 或者 “templatename::[domselector]”引入模板页面中的某个模块。
“templatename”引入模板页面。
“::domselector” 或者 “this::domselector” 引入自身模板的模块
上面所有的templatename和domselector的写法都支持表达式写法：

<div th:include="footer :: (${user.isAdmin}? #{footer.admin} : #{footer.normaluser})"></div>

不使用th:fragment来引用模块

...
<div id="copy-section">
&copy; 2011 The Good Thymes Virtual Grocery
</div>
...

我们可以用css的选择器写法来引入

<body>
...
<div th:include="footer :: #copy-section"></div>
</body>

th:include 和 th:replace的区别

th:include和th:replace都可以引入模块，两者的区别在于
th:include：引入子模块的children，依然保留父模块的tag。
th:replace：引入子模块的所有，不保留父模块的tag。
举个栗子：

<footer th:fragment="copy">
&copy; 2011 The Good Thymes Virtual Grocery
</footer>

引入界面：

<body>
...
<div th:include="footer :: copy"></div>
<div th:replace="footer :: copy"></div>
</body>

结果是：

<body>
...
<div>
&copy; 2011 The Good Thymes Virtual Grocery
</div>
<footer>
&copy; 2011 The Good Thymes Virtual Grocery
</footer>
</body>

th:replace th:include相关推荐

boost::replace相关的测试程序
boost::replace相关的测试程序实现功能 C++实现代码实现功能 boost::replace相关的测试程序 C++实现代码 #include <boost/range/algor ...
boost::mpl模块实现replace相关的测试程序
boost::mpl模块实现replace相关的测试程序实现功能 C++实现代码实现功能 boost::mpl模块实现replace相关的测试程序 C++实现代码 #include <boo ...
boost::hana::replace用法的测试程序
boost::hana::replace用法的测试程序实现功能 C++实现代码实现功能 boost::hana::replace用法的测试程序 C++实现代码 #include <boost ...
c++stl和std_std :: replace（）函数以及C ++ STL中的示例
c++stl和std C ++ STL std :: replace()函数 (C++ STL std::replace() function) replace() function is a lib ...
asp.net的cms 核心代码篇
好像开源有点多余,核心代码就下面这些. 1 using System;2 using System.Collections;3 using System.Collections.Generic;4 u ...
[译]Vulkan教程(04)基础代码
[译]Vulkan教程(04)基础代码 General structure 通用结构 In the previous chapter you've created a Vulkan project w ...
Thymeleaf 基本用法总结
一.引用命名空间 <html xmlns:th="http://www.thymeleaf.org"> 在html中引入此命名空间,可避免编辑器出现html验证错误,虽 ...
boost使用学习总结
boost常用库案例 http://www.cnblogs.com/wangkangluo1/archive/2011/07/19/2110746.html 1.boost::any boost::a ...
Thymeleaf抽取公共页面片段
抽取页面项目中,一般把所有的公共页面片段都抽取出来放在一个独立的页面中其他,所有的页面根据需要进行引用参考文档 th:fragment 抽取公共元素 Name,随便自定义命名 <!DOC ...

th:replace th:include

Thymeleaf html 导入(th:replace & th:include)

模板模块导入

不使用th:fragment来引用模块

th:include 和 th:replace的区别

th:replace th:include相关推荐

最新文章

热门文章