zoukankan      html  css  js  c++  java
  • Thymeleaf学习记录(7)--页面引入/片段引入

    1.为页面添加footer

    Templates文件夹下新建HTML文件:

     1 <!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
     2 
     3 <html xmlns="http://www.w3.org/1999/xhtml"
     4       xmlns:th="http://www.thymeleaf.org">
     5 
     6 <body>
     7 
     8 <div th:fragment="copy">
     9     &copy; 2011 The Good Thymes Virtual Grocery
    10 </div>
    11 
    12 </body>
    13 
    14 </html>

    在主文件添加

    1 <div th:include="footer :: copy"></div>

    即可。

    运行结果如下:

    2.th:includeth:replace之间的区别

    th:include将片段的内容包含在其主机标签中,但th:replace实际上将用片段替换主机标签

    3.可参数化的片段签名

    前台插入代码:

    1 <div th:fragment="frag (a,b)">
    2     <p th:text="hello + ${a} + ' - ' + ${b}">...</p>
    3 </div>
    4 
    5 <div th:include="::frag (zhang,san)">...</div>
    6 <div th:include="::frag (a=li,b=si)">...</div>

    运行结果如下:

    3.文本内联

    采用inline关键字可以将表达式嵌入文本。

    以下两种方式等价:

    1 <h1>Hello : <b th:text="${user.name}">姓名</b></h1>
    2 <p th:inline="text">Hello, [[${user.name}]]!</p>

    运行结果:

    此外,还可以签入Js文件

    1 <script th:inline="javascript">
    2 /*<![CDATA[*/
    3     ...
    4 
    5     var username = /*[[${session.user.name}]]*/ 'Sebastian';
    6 
    7     ...
    8 /*]]>*/
    9 </script>
  • 相关阅读:
    [PHP] PHP1 与 CGI
    [PHP] Phalcon操作示范
    [Shell] swoole_timer_tick 与 crontab 实现定时任务和监控
    [PHP] Phalcon应用升级PHP7记录
    [GNU] 喝一杯咖啡, 写一写 Makefile
    [PHP] Xhprof 非侵入式使用指南
    [PHP]OOP两类写法的性能对比
    [OSI] 网络间通信流程
    [OSI] 网络7层模型的理解
    [Tools] Vim 插件管理
  • 原文地址:https://www.cnblogs.com/feichangnice/p/10168875.html
Copyright © 2011-2022 走看看