美文网首页
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