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>
  • 相关阅读:
    委托事件
    泛型
    栈和队列
    泛型
    枚举与位枚举
    数组 集合
    .NET Framework 简介
    三行代码 完美解决word标签文字替换 POI增强版 可插入图片
    Github国内镜像网站,解决Github访问的神器
    Eureka
  • 原文地址:https://www.cnblogs.com/feichangnice/p/10168875.html
Copyright © 2011-2022 走看看