1.为页面添加footer：

Templates文件夹下新建HTML文件:

 <!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml"

       xmlns:th="http://www.thymeleaf.org">

 <body>

 <div th:fragment="copy">

     &copy; 2011 The Good Thymes Virtual Grocery

 </div>

 </body>

 </html>

在主文件添加

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

即可。

运行结果如下：

2.th:include和th:replace之间的区别

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

3.可参数化的片段签名

前台插入代码：

 <div th:fragment="frag (a,b)">

     <p th:text="hello + ${a} + ' - ' + ${b}">...</p>

 </div>

 <div th:include="::frag (zhang,san)">...</div>

 <div th:include="::frag (a=li,b=si)">...</div>

运行结果如下：

3.文本内联

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

以下两种方式等价：

 <h1>Hello : <b th:text="${user.name}">姓名</b></h1>

 <p th:inline="text">Hello, [[${user.name}]]!</p>

运行结果：

此外，还可以签入Js文件

 <script th:inline="javascript">

 /*<![CDATA[*/

     ...

     var username = /*[[${session.user.name}]]*/ 'Sebastian';

     ...

 /*]]>*/

 </script>

Thymeleaf学习记录（7）--页面引入/片段引入的更多相关文章

  1. Thymeleaf学习记录（1）--启动模板及建立Demo

    Thymeleaf是什么? Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎.相比于JSP,Thymeleaf更简洁,渲染性能更好,维护性更好,它可以XML/XHTML/HTM ...

  2. Thymeleaf学习记录（6）--迭代及条件语法

    迭代: 条件选择: IF-THEN: (if) ? (then) IF-THEN-ELSE: (if) ? (then) : (else) 默认: (value) ?: (defaultvalue) ...

  3. Thymeleaf学习记录（5）--运算及表单

    Thymeleaf文本及预算: 字面 文本文字:'one text','Another one!',... 号码文字:0,34,3.0,12.3,... 布尔文字:true,false 空字面: nu ...

  4. Thymeleaf学习记录（4）--$/*/#/@语法

    表达式符号 Thymeleaf对于变量的操作主要有$\*\#三种方式: 变量表达式: ${...},是获取容器上下文变量的值. 选择变量表达式: *{...},获取指定的对象中的变量值.如果是单独的对 ...

  5. Thymeleaf学习记录（2）--自动编译设置

    了方便每次修改HTML文件都能实时刷新,做一下更改. 在application.properties文件加入以下命令: #thymeleaf start spring.thymeleaf.mode=H ...

  6. Vue学习记录-画页面

    webstorm 因为之前开发ReactNative的时候,选择了webstorm,这回转战Vue,自然还是用它.如果什么也不做的话,打开Vue工程,编辑区域基本上没有语法高亮.怎么办呢? 安装插件( ...

  7. Thymeleaf学习记录（8）--表达式基本对象

    基础对象 #ctx:上下文对象 /* * ====================================================================== * See ja ...

  8. Thymeleaf学习记录（3）--语法

    语法: 标准表达式语法 简单表达: 变量表达式: ${...} 选择变量表达式: *{...} 消息表达式: #{...} 链接网址表达式: @{...} 字面 文本文字:'one text','An ...

  9. vue第四单元(初识vue-在页面中直接引入vue框架-学习使用vue语法-vue的指令-介绍data用法-methods用法)

    第四单元(初识vue-在页面中直接引入vue框架-学习使用vue语法-vue的指令-介绍data用法-methods用法) #课程目标 了解 vue 框架的特点 掌握创建 vue 实例 掌握 data ...

随机推荐

  1. RHEL 7 下内存管理小记

    RHEL 7 下内存管理小记 一.Overview 众所周知,在 Linux 操作系统中有三个目录非常有趣好玩. /dev /run /proc 一个个解释下,/dev 用于对特殊设备(BTW:特殊设 ...

  2. mxonline实战4，用户登陆页面2和用户注册1

            一. 基于类来定义view.py diango中使用基于类来定义views的功能,其实更加方便,因为这样可继承一些定义好的基类,来减少我们的代码量   1. 使用基于类的方法,来重新定 ...

  3. RN 中 Native 模块的注入过程

    找到所有的模块 一般来说,只要在模块中声明 RCT_EXPORT_MODULE 即可.这是个宏,展开后是声明了一个函数,定义了两个函数,如下所示. #define RCT_EXPORT_MODULE( ...

  4. MySQL之查看数据库编码

    MySQL之查看数据库编码

  5. C#-WebForm-★★★LinQ-数据的条件组合查询并进行分页展示（未加各种限定）★★★

    前台代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.as ...

  6. L03-Linux RHEL6.5系统中配置本地yum源

    1.将iso镜像文件上传到linux系统.注意要将文件放在合适的目录下,因为后面机器重启时还要自动挂载,所以此次挂载成功之后该文件也不要删除. 2.将iso光盘挂载到/mnt/iso目录下. (1)先 ...

  7. linux 将进程或者线程绑定到指定的cpu上

    基本概念 cpu亲和性(affinity) CPU的亲和性, 就是进程要在指定的 CPU 上尽量长时间地运行而不被迁移到其他处理器,也称为CPU关联性:再简单的点的描述就将指定的进程或线程绑定到相应的 ...

  8. 如果你最近在考虑OCR的问题，请进来~~~

    本文主要是python方面各类ocr的api对比问题,至于app推荐几款:合合信息(扫面全能王),TextGrabber,白描等等等等 工作需要,搞文字识别技术,对比了几家 百度的OCR: #!/us ...

  9. 【数据库】：关于DB2数据库错误提示说明

    SQLSTATE 消息 本节列示 SQLSTATE 及其含义.SQLSTATE 是按类代码进行分组的:对于子代码,请参阅相应的表. 表 2. SQLSTATE 类代码类 代码 含义 要获得子代码, 参 ...

  10. solr 服务搭建

    1.  linux 中 安装jdk,  tomcat, 2. 下载 solr-4.10.3.tgz.tgz 并解压 解压后文件夹:solr-4.10.3 3. 将 solr-4.10.3/dist 下 ...