Thymeleaf 模板布局

概述 模板模块导入

首先定义一个 /resources/templates/footer.html 文件：

    
        
            © 2018 Copyright by Lusifer.
        
    

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

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

• templatename::domselector 或者 templatename::[domselector] 引入模板页面中的某个模块
• templatename 引入模板页面
• ::domselector 或者 this::domselector 引入自身模板的模块

上面所有的 templatename 和 domselector 的写法都支持表达式写法：

不使用 fragment 来引用模块

	© 2018 Copyright by Lusifer.

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

include 和 replace 的区别

th:include 和 th:replace 都可以引入模块，两者的区别在于：

• th:include：引入子模块的 children，依然保留父模块的 tag
• th:replace：引入子模块的所有，不保留父模块的 tag

举个例子

	© 2018 Copyright by Lusifer.

引入界面

显示结果

    
    	© 2018 Copyright by Lusifer.
    
    
    	© 2018 Copyright by Lusifer.