美文网首页
Thymeleaf的公共代码的引用

Thymeleaf的公共代码的引用

作者: coderymy | 来源:发表于2019-04-30 17:44 被阅读0次

抽取公共代码

不阐述使用选择器的方式

在一个标签中加上属性th:fragment="",其中的值是引入代码块的名称,可以随便取

<div th:fragment="ymy12138">大爱无疆</div>

引用代码片段

三种方式

  • th:insert
  • th:replace
  • th:include
    使用方式
<div th:insert="footer :: ymy12138"></div>

其中::的空格没有什么影响
解析,footer是标签,指的是外面包裹的标签,如果引用外部的html文件中的公共代码片段,这个地方写上相对路径的文件,不加“.html”,ymy12138是引用的代码片段的名称,如果是控制器,直接写上对应的控制器所对应的值就完事了

三种引入代码片段方式的不同之处

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

执行结果

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

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

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

也就是说对于insert,它是将该代码片段包裹一个footer标签然后插入到该div中
对于replace,是以footer将该div替换掉
对于incloud,是将footer替换成div这个标签,表示只是将该代码片段插入其中

引用时传值

<div th:replace="commons/bar::ymy12138(activeUri='emps')"></div>

相关文章

网友评论

      本文标题:Thymeleaf的公共代码的引用

      本文链接:https://www.haomeiwen.com/subject/kanvnqtx.html