Thymeleaf 基本用法总结

原创 2018年04月17日 18:36:35
一、引用命名空间 <html xmlns:th="http://www.thymeleaf.org">

在html中引入此命名空间,可避免编辑器出现html验证错误,虽然加不加命名空间对Thymeleaf的功能没有任何影响。

 

二、输出内容

2.1  <p th:text="#{home.welcome}">Welcome to our grocery store!</p>

说明:

1. th:text  用来将内容输出到所在标签的body中。

2. #{home.welcome} 用来引入数据home对象中的 welcome属性。

3. 可以用th:utext 用来显示“unescaped ” 的html内容。

2.2    <p>Today is: <span th:text="${today}">13 February 2011</span></p>

说明:${today} 用来引用 today 变量

三、访问对象

${param.x} 返回名为x 的 request参数。(可能有多个值)

${session.x} 返回名为x的Session参数。

${application.x} 返回名为 servlet context 的参数。

 

四、基本语法

4.1  #{home.welcome} --  访问数据

4.2  #{home.welcome(${session.user.name})}  -- 格式化数据 当 home.welcome 为 "abcdegf{0}"  类似这种内容时。(多个参数以逗句分隔)。

4.3  ${today} --- 访问变量

4.4  访问基本对象

#ctx: the context object.
#vars: the context variables.
#locale: the context locale.
#request: (only in Web Contexts) the HttpServletRequest object.
#response: (only in Web Contexts) the HttpServletResponse object.
#session: (only in Web Contexts) the HttpSession object.
#servletContext: (only in Web Contexts) the ServletContext object.

其它公共对象参考: http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#appendix-a-expression-basic-objects

4.5  日期的输出

<span th:text="${#calendars.format(today,'dd MMMM yyyy')}">13 May 2011</span>

4.6  星号语法

<div th:object="${session.user}">
<p>Name: <span th:text="*{firstName}">Sebastian</span>.</p>
<p>Surname: <span th:text="*{lastName}">Pepper</span>.</p>
<p>Nationality: <span th:text="*{nationality}">Saturn</span>.</p>
</div>

4.7  输出URL

<a href="product/list.html" th:href="@{/product/list}">Product List</a>

<a href="details.html" th:href="@{/order/{orderId}/details(orderId=${o.id})}">view</a>

4.8  使用代码段

<div th:insert="~{commons :: main}">...</div>

4.9  直接输出内容

<span th:text="'working web application'"> -- 输出字符

<span th:text="2013 + 2">  -- 输出数据表达式

<div th:if="${user.isAdmin()} == false">  --输出布尔表达式

<span th:text="'Welcome to our application, ' + ${user.name} + '!'"> -- 带变量的

4.10 条件表达式

<tr th:class="${row.even}? 'even' : 'odd'">
...
</tr>

<tr th:class="${row.even}? 'alt'">
...省略 false 结果的表达方式
</tr>

<div th:object="${session.user}">
...省略 true 结果的表达方式
<p>Age: <span th:text="*{age}?: '(no age specified)'">27</span>.</p>
</div>

<span th:text="${user.name} ?: _">no user authenticated</span> --不做任何处理时用下划线 _ 表示

4.11  格式化

<td th:text="${{user.lastAccessDate}}">...</td> --${{.}}  调用默认的格式化器来输出结果。

4.12  预处理

<p th:text="${__#{article.text('textVar')}__}">Some text here...</p>

说明:thymeleaf 的处理模板内容的顺序与书写顺序无关,只能通过  __${expression}__ ,来将需要先一步计算出来后面          要用的变量指定为优化处理。

 

五、设置 Attribute 值

5.1 设置任何Attribute 的方法

<input type="submit" value="Subscribe!" th:attr="value=#{subscribe.submit}"/>   --设置单个

<img src="../../images/gtvglogo.png"  th:attr="src=@{/images/gtvglogo.png},title=#{logo},alt=#{logo}" />  --一次设置多个

5.2 设置一些内置的Attribute的方法

<li><a href="product/list.html" th:href="@{/product/list}">Product List</a></li>

<form action="subscribe.html" th:action="@{/subscribe}">

<input type="submit" value="Subscribe!" th:value="#{subscribe.submit}"/>

<img src="../../images/gtvglogo.png"  th:src="@{/images/gtvglogo.png}" th:alt-title="#{logo}" /> -- 一次设置多个(alt title)的方法

其它的可用属性:http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#setting-value-to-specific-attributes

5.3 设置html里没有指的任何属性的语法

<span th:whatever="${user.name}">...</span>   ---whatever 可以换成任何你想设的属性

 

六、循环输出的语法

6.1 基本循环

<tr th:each="prod : ${prods}">

<td th:text="${prod.name}">Onions</td>
<td th:text="${prod.price}">2.41</td>
<td th:text="${prod.inStock}? #{true} : #{false}">yes</td>
</tr>

6.2 循环状态的使用

<table>
<tr>
<th>NAME</th>
<th>PRICE</th>
<th>IN STOCK</th>
</tr>
<tr th:each="prod,iterStat : ${prods}" th:class="${iterStat.odd}? 'odd'">
<td th:text="${prod.name}">Onions</td>
<td th:text="${prod.price}">2.41</td>
<td th:text="${prod.inStock}? #{true} : #{false}">yes</td>
</tr>
</table>

关于状态的其它信息的使用详细参考:http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#keeping-iteration-status

 

七、条件判断

7.1 if 和 unless

<a href="comments.html" th:href="@{/comments(prodId=${prod.id})}" th:unless="${#lists.isEmpty(prod.comments)}">view</a>

<a href="comments.html"  th:href="@{/product/comments(prodId=${prod.id})}"   th:if="${not #lists.isEmpty(prod.comments)}">view</a>

7.2 switch 语句

<div th:switch="${user.role}">
<p th:case="'admin'">User is an administrator</p>
<p th:case="#{roles.manager}">User is a manager</p>
<p th:case="*">User is some other thing</p>    --默认的 case 相当于default
</div>

 

八、模板 include

8.1 定义和引用代码块

定义代码块

<!DOCTYPE html>

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

<body>

<div th:fragment="copy">
&copy; 2011 The Good Thymes Virtual Grocery
</div>

</body>

</html>

引用代码块

<body>

...

<div th:insert="~{footer :: copy}"></div>

</body>

引用未用fragment 标注的代码块

<div id="copy-section">
&copy; 2011 The Good Thymes Virtual Grocery
</div>

<body>

...

<div th:insert="~{footer :: #copy-section}"></div>

</body>

8.2 th:insert th:replace th:include 之间的区别

th:insert  --- 插入代码块    th:replace -- 替换代码块会替换掉容器标签   th:include ---- 和insert相似但只会插入fragment标注body内的内容。

8.3  带参数的代码段

<div th:fragment="frag (onevar,twovar)">
<p th:text="${onevar} + ' - ' + ${twovar}">...</p>
</div>

<div th:replace="::frag (${value1},${value2})">...</div>
<div th:replace="::frag (onevar=${value1},twovar=${value2})">...</div>

 

九、局部变量的使用示例

<div th:with="firstPer=${persons[0]}">
<p>
The name of the first person is <span th:text="${firstPer.name}">Julius Caesar</span>.
</p>
</div>

<div th:with="firstPer=${persons[0]},secondPer=${persons[1]}">
<p>
The name of the first person is <span th:text="${firstPer.name}">Julius Caesar</span>.
</p>
<p>
But the name of the second person is
<span th:text="${secondPer.name}">Marcus Antonius</span>.
</p>
</div>

十、注释

<!-- ... -->  

十一、说明

以上只列出Thymeleaf了简要常用的语法和使用方式,更多详情的说明和规则请参见:http://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#introducing-thymeleaf

查看原文:http://blog.mtjmtj7.cn/archives/java/thymeleaf-%e5%9f%ba%e6%9c%ac%e7%94%a8%e6%b3%95%e6%80%bb%e7%bb%93/
版权声明: https://blog.csdn.net/mtjmtj7a/article/details/79978926

thymeleaf使用基础教程

在上篇文章构建微服务:Spring boot 提高篇中简单介绍了一下thymeleaf,这篇文章将更加全面详细的介绍thymeleaf的使用。thymeleaf 是新一代的模板引擎,在spring4....
  • quuqu
  • quuqu
  • 2016-09-12 11:18:45
  • 39225

spring基本用法总结

使用两年spring后,发现对spring依旧陌生,遂重新总结spring基础用法 特性:1,依赖注入的核心机制;2,Aop的声明式事务管理;3与多种持久层结合使用;4,web MVC的优秀使用; ...
  • u010446936
  • u010446936
  • 2017-01-13 17:11:15
  • 188

JQuery基本用法总结

最近在学习前端,经常会遇到需要用到js的时候,但是原生js自己写好麻烦,所以决定先学一下Jquery,在此总结一下JQuery的基本用法 1.CSS选择器        -$(documnet).cs...
  • tracy_n
  • tracy_n
  • 2017-05-09 17:30:32
  • 245

thymeleaf 常用用法

thymeleaf 常用用法速查表 1、依赖包添加 compile("org.springframework.boot:spring-boot-starter-thymeleaf") 另外,需...
  • shanshan_blog
  • shanshan_blog
  • 2017-03-23 19:54:18
  • 1608

thymeleaf快速入门教程

thymeleaf教程怎么使用?前端html页面标签中引入如下:表达式 简单表达式 可用值表达式(后台设置): ${…} 所有可用值表达式: *{…} 比如*{name} 从可用值中查找...
  • u014042066
  • u014042066
  • 2017-07-21 10:19:20
  • 11704

Thymeleaf模板引擎基本用法

Thymeleaf模板引擎 Thymeleaf是一个XML/XHTML/HTML5模板引擎,可用于Web与非Web环境中的应用开发。它是一个开源的Java库,基于Apache License 2.0许...
  • Max_lxg
  • Max_lxg
  • 2017-01-04 14:42:39
  • 295

标准表达式-Thymeleaf常见用法(二)

标准表达式语法 Simple expressions: Variable Expressions: ${…} Selection Variable Expressions: *{…} Message...
  • nowsdt
  • nowsdt
  • 2017-04-27 23:14:21
  • 2468

thymeleaf标签总结

# 代表 获取资源本地化文件 $ 表示从model里面获取 # $这2个可以一起用 比如#{'system.'+${model.id}} -----这相当于 #{system.01}的资源本地化文件中...
  • yifanSJ
  • yifanSJ
  • 2017-12-10 23:50:50
  • 207

Thymeleaf教程 (十三) 附件:工具对象用法

日期工具#dates/* * ====================================================================== * See javadoc ...
  • mygzs
  • mygzs
  • 2016-09-26 10:54:00
  • 5322

Thymeleaf教程 (四) Thymeleaf标准表达式语法(上)

我们已经知道了两种语法Welcome to our grocery store! Today is: 13 february 2011但是还有很多语法我们不知道,接下来我们快速的介绍更多的表达式语法:...
  • mygzs
  • mygzs
  • 2016-09-08 11:45:37
  • 9635
收藏助手
不良信息举报
您举报文章:Thymeleaf 基本用法总结
举报原因:
原因补充:

(最多只允许输入30个字)