th:*使用原因：

  • for the sake of simplicity and compactness of the code samples（简化代码）
  • the th:*notation is more general and allowed in every Thymeleaf template mode (XML, TEXT…)（th:*在多个模板模式里更为通用且允许）
常用th标签都有那些？

关键字    　　功能介绍    　　　　案例

th:id    　　替换id    　　　　  <input th:id="'xxx' + ${collect.id}"/>

th:text    　文本替换    　　　　<p th:text="${collect.description}">description</p>

th:utext    支持html的文本替换   <p th:utext="${htmlcontent}">conten</p>

th:object    替换对象    　　　　<div th:object="${session.user}">

th:value    属性赋值    　　　　<input th:value="${user.name}" />

th:with    变量赋值运算    　　　　<div th:with="isEven=${prodStat.count}%2==0"></div>

th:style    设置样式    　　　　　　　　th:style="'display:' + @{(${sitrue} ? 'none' : 'inline-block')} + ''"

th:onclick    点击事件    　　　　　　th:onclick="'getCollect()'"

th:each    属性赋值    　　　　　　　　tr th:each="user,userStat:${users}">

th:if    判断条件    　　　　　　　　<a th:if="${userId == collect.userId}" >

th:unless    和th:if判断相反    　　　　<a th:href="@{/login}" th:unless=${session.user != null}>Login</a>

th:href    链接地址    　　　　　　　　　　<a th:href="@{/login}" th:unless=${session.user != null}>Login</a> />

th:switch    多路选择 配合th:case 使用    <div th:switch="${user.role}">

th:case    th:switch的一个分支    　　　　<p th:case="'admin'">User is an administrator</p>

th:fragment    布局标签，定义一个代码片段，方便其它地方引用    <div th:fragment="alert">

th:include    布局标签，替换内容到引入的文件    <head th:include="layout :: htmlhead" th:with="title='xx'"></head> />

th:replace    布局标签，替换整个标签到引入的文件    <div th:replace="fragments/header :: title"></div>

th:selected    selected选择框 选中    th:selected="(${xxx.id} == ${configObj.dd})"

th:src    图片类地址引入    　　　　　　<img class="img-responsive" alt="App Logo" th:src="@{/img/logo.png}" />

th:inline    定义js脚本可以使用变量    <script type="text/javascript" th:inline="javascript">

th:action    表单提交的地址    　　　　<form action="subscribe.html" th:action="@{/subscribe}">

th:remove    删除某个属性    　　　　<tr th:remove="all">

　　　　　　　　　　　　　　　　　　　　1.all:删除包含标签和所有的孩子。

　　　　　　　　　　　　　　　　　　　　2.body:不包含标记删除,但删除其所有的孩子。

　　　　　　　　　　　　　　　　　　　　3.tag:包含标记的删除,但不删除它的孩子。

　　　　　　　　　　　　　　　　　　　　4.all-but-first:删除所有包含标签的孩子,除了第一个。

　　　　　　　　　　　　　　　　　　　　5.none:什么也不做。这个值是有用的动态评估。

th:attr    设置标签属性，多个属性可以用逗号分隔    比如 th:attr="src=@{/image/aa.jpg},title=#{logo}"，此标签不太优雅，一般用的比较少。

3.1 th:text

可对表达式或变量求值，并将结果显示在其被包含的 html 标签体内替换原有html文本。
文本链接: 用 "+" 符号，若是变量表达式也可以用“|”符号
eg.
<p th:text="#{home.welcome}">Welcome to our grocery store!</p>

equals.(局限：只能在html5中使用)

<p data-th-text="#{home.welcome}">Welcome to our grocery store!</p>
  • The th:text attribute, which evaluates its value expression and sets the result as the body of the host tag, effectively replacing the “Welcome to our grocery store!” text we see in the code.（th：text属性，他声明设置表达式的值，并使表达式返回的值来填充标签内容，替换或设置标签内部的内容，当前例子中即替换“欢迎光临本店”这些字。）
  • The #{home.welcome} expression, specified in the Standard Expression Syntax, instructing that the text to be used by the th:text attribute should be the message with the home.welcome key corresponding to whichever locale we are processing the template with.（#{home.welcome}表达式，一个标准的表达式语法，指出在模板中，th:text属性所对应Message的key，即使用home.welcome对应的value替换现有内容。）

3.2 th:utext（非转义文本：unes​​caped text）

e.g.（想要输出转义字符效果）
home.welcome=Welcome to our <b>fantastic</b> grocery store!
执行此模板，默认使用<p th:text="#{home.welcome}"></p>来解析，结果为：
<p>Welcome to our &lt;b&gt;fantastic&lt;/b&gt; grocery store!</p>
解决方案：（This is the default behaviour of the th:text attribute. If we want Thymeleaf to respect our HTML tags and not escape them, we will have to use a different attribute: th:utext (for “unescaped text”):）
使用<p th:utext="#{home.welcome}"></p>即可。
<p th:utext="#{home.welcome}">Welcome to our grocery store!</p>
等效于html：
<p>Welcome to our <b>fantastic</b> grocery store!</p>

3.3 th:href

@{xxx} ：链接url的表达式
<a href="details.html" th:href="@{/order/details(orderId=${o.id})}">view</a>

（六）Thymeleaf的 th:* 属性之—— th: ->text& utext& href的更多相关文章

  1. Effective Objective-C 2.0 — 第二章 对象、消息、运行期 - 第六条：理解“属性”这一概念

    开发者通过对象来 存储并传递数据. 在对象之间传递数据并执行任务的过程就叫做“消息传递”. 这两条特性的工作原理? Objective-C运行期环境(Objective-C runtime) ,提供了 ...

  2. ASP.NET MVC深入浅出（被替换） 第一节: 结合EF的本地缓存属性来介绍【EF增删改操作】的几种形式 第三节: EF调用普通SQL语句的两类封装（ExecuteSqlCommand和SqlQuery ) 第四节: EF调用存储过程的通用写法和DBFirst模式子类调用的特有写法 第六节: EF高级属性(二) 之延迟加载、立即加载、显示加载(含导航属性) 第十节: EF的三种追踪

    ASP.NET MVC深入浅出(被替换)   一. 谈情怀-ASP.NET体系 从事.Net开发以来,最先接触的Web开发框架是Asp.Net WebForm,该框架高度封装,为了隐藏Http的无状态 ...

  3. jQuery - 设置内容和属性 设置内容 - text()、html() 以及 val() , 设置属性 - attr()

    jQuery - 设置内容和属性  设置内容 - text().html() 以及 val() text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTM ...

  4. spring boot 与 thymeleaf (3): 设置属性、条件、遍历、局部变量、优先级、内联语法

    前面记录了 thymeleaf 基本表达式, 这里继续看一下其他功能. 一. 设置属性值 这里的controller, html框架 还是沿用上一篇的部分. html: <div class=& ...

  5. thymeleaf 局部变量、属性优先级、注释

    九.局部变量(local variable) 之前在th:each中遇到过局部变量 <tr th:each="prod : ${prods}"> ... </tr ...

  6. （七）Thymeleaf的 th:* 属性之—— th: ->设值& 遍历迭代& 条件判断

    3.4 属性值的设置 3.4.1 使用th:attr来设置属性的值 <form action="subscribe.html" th:attr="action=@{ ...

  7. thymeleaf的特殊属性赋值

    在用thymeleaf时,遇到特殊属性不知道该怎么解决如下: 问题1:循环时,遇到特殊的属性,不知道怎么赋值 如:cate-id="" ,fid=""; 使用t ...

  8. android 学习随笔二十六（动画：属性动画）

    属性动画,属性动画是真正改变对象的某个属性的值 * 补间动画,只是一个动画效果,组件其实还在原来的位置上,xy没有改变1.位移:* 第一个参数target指定要显示动画的组件* 第二个参数proper ...

  9. java中常用的包、类、以及包中常用的类、方法、属性----sql和text\swing

    java中常用的包.类.以及包中常用的类.方法.属性 常用的包 java.io.*; java.util.*; java.lang.*; java.sql.*; java.text.*; java.a ...

随机推荐

  1. 深入解析Linux内核I/O剖析（open,write实现）

    Linux内核将一切视为文件,那么Linux的文件是什么呢?其既可以是事实上的真正的物理文件,也可以是设备.管道,甚至还可以是一块内存.狭义的文件是指文件系统中的物理文件,而广义的文件则可以是Linu ...

  2. ubuntu下安装 gSOAP 用于C/C++开发web service服务端与客户端

    昨天在ubuntu下进行安装gSOAP,费了很多时间,没成功,今天又来找了大量教程资料,终于一次成功,这里写下自己的安装步骤和方法,供大家参考. 首先下载gsoap,我下载的是gsoap-2.8.1. ...

  3. Android 轻松实现后台搭建+APP版本更新

    http://blog.csdn.net/u012422829/article/details/46355515 (本文讲解了在Android中实现APP版本更新,文末附有源码.) 看完本文,您可以学 ...

  4. #417 Div2 E (树上阶梯博弈)

    #417 Div2 E 题意 给出一颗苹果树,设定所有叶子节点的深度全是奇数或偶数,并且包括根在内的所有节点上都有若干个苹果. 两人进行游戏,每回合每个人可以做下列两种操作中的一种: 每个人可以吃掉某 ...

  5. 使用CXF开发RESTFul服务

    相信大家在阅读CXF官方文档(http://cxf.apache.org/docs/index.html)时,总是一知半解.这里向大家推荐一本PacktPub.Apache.CXF.Web.Servi ...

  6. luogu P1774 最接近神的人_NOI导刊2010提高（02）

    题目描述 破解了符文之语,小FF开启了通往地下的道路.当他走到最底层时,发现正前方有一扇巨石门,门上雕刻着一幅古代人进行某种活动的图案.而石门上方用古代文写着“神的殿堂”.小FF猜想里面应该就有王室的 ...

  7. luogu P1468 派对灯 Party Lamps

    题目描述 在IOI98的节日宴会上,我们有N(10<=N<=100)盏彩色灯,他们分别从1到N被标上号码. 这些灯都连接到四个按钮: 按钮1:当按下此按钮,将改变所有的灯:本来亮着的灯就熄 ...

  8. EF执行存储工程报错 String[4]: Size 属性具有无效大小值 0。

    EF中执行存储过程报错 String[4]: Size 属性具有无效大小值 0 排查后是如下问题所致,给定的参数没有设定大小(加入红框内的就可以了) private string GetCode(MC ...

  9. 在sqlserver中如何从字符串中提取数字，英文，中文，过滤重复字符

    原文:在sqlserver中如何从字符串中提取数字,英文,中文,过滤重复字符 最近做项目的时候,经常用到一个字符串中的某些字符,处理起来非常的棘手,现在用下面的方法就可以很方便的从字符串中处理你想要的 ...

  10. 小程序 座位管理系统（二）（nodejs+mongodb+小程序）

    图片从左至右:登录图.湘大新闻页.教学楼页. 说明:  Node.js+mongodb.有些数据放在小程序里,有些数据放在mongodb里.和一相比布局稍作改动,密码改成了"111111&q ...