https://blog.csdn.net/xxb5502296/article/details/78319898(挺全的)

https://blog.csdn.net/qq_43279637/article/details/86406836

http://www.cnblogs.com/vinphy/p/4674247.html

https://blog.csdn.net/qwlzxx/article/details/70976509

th:text把表达式对应的值代替标签内的文本。(<p th:text="#{home.welcome}">welcome</p>)

th:utext显示非转义文本。(自动解析文本中的html标签并渲染页面)

th:object在父标签选择对象,子标签使用*{…}选择表达式选取值。没有选择对象,那子标签使用选择表达式和${…}变量表达式是一样的效果。同时即使选择了对象,子标签仍然可以使用变量表达式。

<div th:object="${session.user}" >
<p th:text="*{fisrtName}">firstname</p>
<p th:text="${session.user.lastName}">lastname</p>
</div>

th:href修改a标签的href属性,使用@{…}URL表达式展示路径。URL参数也可以被写进表达式。

  <a href="list.html" th:href="@{/users/list(id=${o.id},name=${o.name})}">查询</a>

th:with在当前标签范围内,创建一个本地变量(local variable),并添加到上下文的变量map。

<div th:with="name=${user.name},nickname=${name}+'用户'">...

th:attr设置或者修改标签属性(不推荐),推荐使用th:value、th:action、th:class,相当于th:attr=”value=…”、th:attr=”action=…”等等。

<input type="submit" value="submit" th:attr="value=#{submit.text}" />

th:classappend、th:styleappend、th:attrappend、th:attrprepend属性前或者后添加属性值。

<tr class="r" th:attrappend="class=' odd'">
<tr class="r" th:classapend="'odd'">

th:checked、th:disabled、th:selected根据判断条件结果来决定是否给该checked等属性设定固定值。

<input type="checkbox" th:checked="${user.active}"/>

th:assert断言,支持逗号分隔的多条件。

<div th:assert="${var1},${var2}==2,#lists.isEmpty(${list})">

th:remove被处理时会被删除,支持参数all,tag,body,all-but-first,none。顾名思义,举例all-but-first应用场景。

<tbody th:remove="all-but-first">
<tr th:each="prod:${prods}">...</tr>
<tr><td>示例数据</td></tr>
</tbody>

th:if判断是否需要展示此标签,当null、0、’0’、’false’、’off’、’no’时为false,否则为true。

<div th:if="${user.isAdmin()}">...

th:unless与th:if相反

th:switch、th:case同java中的switch、case用法

<div th:switch="${user.role}">
<p th:case="'admin'">administrator</p>
<p th:case="*">other</p>
</div>

th:each迭代,支持Iterable、Map(迭代局部变量为Map.Entry)、数组、包含对象本身的单值对象。

<tr th:each="prod : ${prods}">
<td th:text="${prod.name}">..</td>
</tr>

${prods}是迭代变量,prod是本地变量(local variable),上例中在tr范围内有效。 
th:each迭代状态变量,支持获取参数如index、count、size、current、even/odd、fisrt、last。

<tr th:each="prod,iterStat : ${prods}" th:class="${iterStat.odd}?'odd'">
<td th:text="${iterStat.current.name}">...</td>
</tr>

隐式支持迭代局部变量+Stat作为本地变量,上例中不声明iterStat可直接使用prodStat。

th:fragment、th:include、th:replace引入或替换模板内容,支持引入其他模板文件的部分templatename::domselector(支持XPath语法或者css选择器)、templatename::fragmentname,也支持引入整个模板templatename或者本模板内的部分::domselector

<div th:include="footer::#{footer.admin}">
----------分割线----------
<div th:fragment="#{footer.admin}">
copyright 2017
</div>

th:replace不同于th:include,它将引用模板的整个dom替换当前dom。th:include是将引用模板的dom下子元素引入到当前dom内。

fragment可引入类函数机制,同时函数参数可以不声明即使用。

<div th:fragment="frag(var1,var2)">
<div th:include="::flag(var1=${var1},var2=${var2})">

th:block作为属性容器,处理属性时会消失。

<table>
<th:block th:each="r:${rs}">
<tr><td th:text="${r.name}">1</td></tr>
</th:block>
</table>

th:inline内联,即把表达式直接写进html文本而不是属性,支持模式text、javascript、none。

<!-- 同 <p th:text="'hello,'+${session.user.name}+'!'">abc</p> -->
<p th:inline="text">hello,[[${session.user.name}]]!</p>
<!-- 利用javascript注释/*..*/,保证静态或被thymeleaf处理后都能正确展示页面 -->
<script th:inline="javascript">
var user = /*[[${session.user}]]*/ null;
</script>

data-{prefix}-{name}对html5更友好的语法,等同于{prefix}:{name}

<td data-th-text="${user.name}">...</td>

th:field作用于input、select、textarea,th:field和th:object联用,

<input type="text" th:field="*{date1}" />——id、name为date1,value绑定date1属性值
<ul>
<li th:each="feat: ${allFeats}">
<input type="checkbox" th:field="*{feats}" th:value="${feat}">——id为feats1类推,name为feats,value为当前遍历feat的值。feats属性的值所在input会加上checked属性。
<lable th:for="${#ids.prev('feats')}"——for为feats字段当前遍历序列中最后一个id
th:text="#{${'feature.'+feat}}">abc</label>
</li>
</ul>
<select th:field="*{type}">
<option th:each="type:${types}"
th:value="${type}"
th:text="#${'type.'+type}}">选项</option>
</select>
 
 
 
 

th:标签的更多相关文章

  1. a标签点击跳转失效--IE6、7的奇葩bug

    一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何 ...

  2. IE6、7下html标签间存在空白符,导致渲染后占用多余空白位置的原因及解决方法

    直接上图:原因:该div包含的内容是靠后台进行print操作,输出的.如果没有输出任何内容,浏览器会默认给该空白区域添加空白符.在IE6.7下,浏览器解析渲染时,会认为空白符也是占位置的,默认其具有字 ...

  3. 百度MIP页规范详解 —— canonical标签

    百度MIP的规范要求必须添加强制性标签canonical,不然MIP校验工具会报错: 强制性标签<link rel="/^(canonical)$/"> 缺失或错误 这 ...

  4. 【CSS进阶】伪元素的妙用--单标签之美

    最近在研读 <CSS SECRET>(CSS揭秘)这本大作,对 CSS 有了更深层次的理解,折腾了下面这个项目: CSS3奇思妙想 -- Demo (请用 Chrome 浏览器打开,非常值 ...

  5. TODO:Laravel 使用blade标签布局页面

    TODO:Laravel 使用blade标签布局页面 本文主要介绍Laravel的标签使用,统一布局页面.主要用到到标签有@yield,@ stack,@extends,@section,@stop, ...

  6. 最新 去掉 Chrome 新标签页的8个缩略图

    chrome的新标签页的8个缩略图实在让人不爽,网上找了一些去掉这个略缩图的方法,其中很多已经失效.不过其中一个插件虽然按照原来的方法已经不能用了,但是稍微变通一下仍然是可以用的(本方法于2017.1 ...

  7. css-父标签中的子标签默认位置

    <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>& ...

  8. xpath提取多个标签下的text

    title: xpath提取多个标签下的text author: 青南 date: 2015-01-17 16:01:07 categories: [Python] tags: [xpath,Pyth ...

  9. 多个Img标签之间的间隙处理方法

    1.多个标签写在一行 <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> ...

  10. html5标签canvas函数drawImage使用方法

    html5中标签canvas,函数drawImage(): 使用drawImage()方法绘制图像.绘图环境提供了该方法的三个不同版本.参数传递三种形式: drawImage(image,x,y):在 ...

随机推荐

  1. CAS SSO单点登录实例

    1.因为是本地模拟sso环境,而sso的环境测试需要域名,所以需要虚拟几个域名出来,步骤如下: 2.进入目录C:\Windows\System32\drivers\etc 3.修改hosts文件 12 ...

  2. Idea搭建SpringMVC框架(初次接触)

    公司转Java开发,做的第一个项目是SpringMVC框架,因为底层是同事封装,等完成整个项目,对SpringMVC框架的搭建还不是很了解,所以抽时间不忙的时候自己搭建了一个SpringMVC框架. ...

  3. IAR FOR AVR 仿真过程中出现全局变量值不断随意变化的问题

    本文记录使用IAR FOR AVR 使用过程中出现的问题,确保自己以后能够有史可查,也分享给遇到同样问题的朋友. 版本信息:IAR Assembler for AVR  5.40.0 (5.40.0. ...

  4. SQL: Cannot create JDBC driver of class '' for connect URL

    使用数据库数据源的web 项目,发布后,访问数据库500报错: 浏览器端: 控制台: 数据库连接池在不启动Tomcat的情况下,测试类通过,没有问题. 一旦在服务器发布,就会出现问题,考虑是Tomca ...

  5. maven跳过测试编译命令

    mvn clean install/package/deploy -Dmaven.test.skip=true

  6. 20155312 张竞予 Exp9 Web安全基础

    Exp9 Web安全基础 目录 基础问题回答 (1)SQL注入攻击原理,如何防御 (2)XSS攻击的原理,如何防御 (3)CSRF攻击原理,如何防御 实践过程记录 WebGoat准备工作 1.XSS攻 ...

  7. 常用API2 正则表达式

    正则表达式 正则表达式的概念 正则表达式(Regular Expression ,在代码中常简写为regex) 正则表达式是一个字符串,使用单个字符串来描述.用来定义匹配规则,匹配一系列符合某个句法规 ...

  8. 使用kbmmw 生成客户端delphi函数原型

    前面我们讲了使用swagger 生成java,php 的客户端调用函数原型. 对于delphi,其实很遗憾,不能直接生成客户端函数原型代码. 不要紧,解铃还须系铃人,既然是kbmmw 自己生成的,我们 ...

  9. php常用字符串方法

    chop()        移除字符串右侧的空白字符或其他字符 ltrim()        移除字符串左侧的空白字符或其他字符 rtrim()        移除字符串右侧的空白字符或其他字符 tr ...

  10. HDU 4609 3-idiots (组合数学 + FFT)

    题意:给定 n 条边,问随机选出 3 条边,能组成三角形的概率是多少. 析:答案很明显就是  能组成三角形的种数 / (C(n, 3)).现在的问题是怎么求能组成三角形的种数. 这个博客说的非常清楚了 ...