3.7 模板布局

模板名称：layout.html

3.7.1 th:fragment

e.g.模板名为footer.html页面body部分如下：
<body>

　　<div th:fragment="copy">

      &copy; 2011 The Good Thymes Virtual Grocery

    </div>

</body>
fragment片段定义语法：
如th:fragment=”copy”这样就定义了一个名为copy的fragment

3.7.2 th:include  and th:replace

<1>引入fragment的形式：    简单地，templatename::fragmentname(不惟一)
 <div th:insert="~{footer :: copy}"></div>
equals.
<div th:insert="footer :: copy"></div>
<2>二者的区别 th:include:将fragment的内容包含进来； th:replace:用fragment替换掉所在标签
        

3.7.3 th:remove

一般用于将模拟数据在真实环境中移除：  
th:remove可以以五种不同的方式行事，具体取决于它的价值
  • all：删除包含标签及其所有子项。
  • body：不要删除包含的标签，但删除其所有的孩子。
  • tag：删除包含的标签，但不要删除其子项。
  • all-but-first：除去第一个包含标签的所有子项。
  • none： 没做什么。该值对于动态评估是有用的。
e.g.
 <tr th:remove="all">

    <td>Mild Cinnamon</td>

    <td>1.99</td>

    <td>yes</td>

</tr>

<a href="/something" th:remove="${condition}? tag : none">Link text not to be removed</a>

3.8 th:with

模板名称:with.html 定义局部变量

1.可一次定义多个,逗号分隔

e.g.
<div th:with="firstPer=${list[0]}">

    <p>The name of the first person is <span th:text="${firstPer.userName}">Julius Caesar</span>.</p>

</div>  
<div th:with="firstPer=${list[0]},secondPer=${list[1]}">

    <p>The name of the first person is <span th:text="${firstPer.userName}">Julius Caesar</span>.</p>

    <p> But the name of the second person is  <span th:text="${secondPer.userName}">Marcus Antonius</span>.

    </p>

</div>

2.可复用

e.g.
<div th:with="company=${user.company},account=${accounts[company]}">

    <div th:text="${company}"></div>

    <div th:text="${account}"></div>

</div>

3.9 属性优先级

　　

（八）Thymeleaf的 th:* 属性之—— 模板布局& th:with& 属性优先级的更多相关文章

  1. thymeleaf 模板布局

    八.模板布局(Template Layout) 8.1 包含模板片段(Including template fragments) 定义和引用片段 我们通常想要从别的模板文件中调用一些模板片段,例如 页 ...

  2. Thymeleaf+SpringMVC，如何从模板中获取数据

    Thymeleaf+SpringMVC,如何从模板中获取数据 在一个典型的SpringMVC应用中,带@Controller注解的类负责准备数据模型Map的数据和选择一个视图进行渲染.这个模型Map对 ...

  3. Thymeleaf+SpringMVC，如何从模板中获取数据（转）

    在一个典型的SpringMVC应用中,带@Controller注解的类负责准备数据模型Map的数据和选择一个视图进行渲染.这个模型Map对视图进行完全的抽象,在使用Thymeleaf的情况下,它将是一 ...

  4. ThinkPHP3.1 模板布局

    ThinkPHP的模板引擎内置了布局模板功能支持,可以方便的实现模板布局以及布局嵌套功能.有三种布局模板的支持方式: 第一种方式:全局配置方式 这种方式仅需在项目配置文件中添加相关的布局模板配置,就可 ...

  5. thinkphp 模板布局

    ThinkPHP的模板引擎内置了布局模板功能支持,可以方便的实现模板布局以及布局嵌套功能. 有三种布局模板的支持方式: 第一种方式:全局配置方式 这种方式仅需在项目配置文件中添加相关的布局模板配置,就 ...

  6. CSS HTML元素布局及Display属性

    本篇文章主要介绍HTML的内联元素.块级元素的分类与布局,以及dispaly属性对布局的影响. 目录 1. HTML 元素分类:介绍内联元素.块级元素的分类. 2. HTML 元素布局:介绍内联元素. ...

  7. [WPF系列]-数据邦定之DataTemplate 根据对象属性切换模板

      引言 书接上回[WPF系列-数据邦定之DataTemplate],本篇介绍如何根据属性切换模板(DataTemplate)   切换模板的两种方式:   使用DataTemplateSelecto ...

  8. Flex布局教程及属性速查

    一.Flex布局介绍 伸缩盒模型(flexbox)是一个新的盒子模型,意为"弹性布局",用来为盒状模型提供最大的灵活性,主要优化了UI布局.Flexbox的功能主要包手:简单使用一 ...

  9. thinkphp多模板布局设置！！

    首先开启模板布局要在配置文件添加: 'LAYOUT_ON'=>true, 'LAYOUT_NAME'=>'layout', 如果需要设置多个布局模板,就要先关闭上面的LAYOUT_ON,也 ...

随机推荐

  1. ubuntu16下安装telnet和opensshserver

    安装了虚拟机,使用的是ubuntu 16,server版本. 启动后发现没有telnet和ssh,就安装了(netstat -a|grep telnet). apt-get install openb ...

  2. Git用法速成手册

    Workspace:工作区 Index / Stage:暂存区 Repository:仓库区(或本地仓库) Remote:远程仓库 一.新建代码库 # 在当前目录新建一个Git代码库 git init ...

  3. eclipse CreateProcess error=87

    http://blog.csdn.net/mylove709834360/article/details/9253697 完美解决~

  4. 如何让IE7,IE8支持css3

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 原理:在用ie浏览 ...

  5. Jquery学习之路(一) 实现checkbox全选方法

    昨天早上有写到怎么利用Jquery实现全选 根据大家的意见对程序中一些写法不好的地方进行了修改,也是本人水平有限,存在各种考虑不到的地方. 文章最后我提出了一个问题,要写一个通用的方法来调用,于是就有 ...

  6. 想转行做web前端工程师，必学这6大技能

    web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业.大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要学 ...

  7. HDU 1426 Sudoku Killer (回溯 + 剪枝)

    本文链接:http://i.cnblogs.com/EditPosts.aspx?postid=5398818 题意: 给你一个 9*9 的矩阵,同一行相邻的两个元素用一个空格分开.其中1-9代表该位 ...

  8. Codeforces 825E - Minimal Labels

    825E - Minimal Labels 题意 给出 m 条有向边,组成有向无环图,输出一个 1 到 n 组成的排列,每个数只能出现一次,表示每个点的标号.如果有边 \((u, v)\) 那么 \( ...

  9. oracle exp CONSISTENT

    exp相当于select,不会被其他操作锁定. 但是如果exp的时候指定了CONSISTENT = y,而数据库中又存在频繁修改,可能会导致exp的时候出现snapshot too old

  10. Lucas定理模板【bzoj2982】【combination】

    (上不了p站我要死了,侵权度娘背锅) Description LMZ有n个不同的基友,他每天晚上要选m个进行[河蟹],而且要求每天晚上的选择都不一样.那么LMZ能够持续多少个这样的夜晚呢?当然,LMZ ...