Thymeleaf常用写法,带实例，最全！

最新推荐文章于 2025-07-18 10:43:05 发布

原创

最新推荐文章于 2025-07-18 10:43:05 发布 · 置顶 · 4.7k 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#Thymeleaf

本文详细介绍了Thymeleaf模板引擎的常见用法，包括链接、属性、内联、循环、条件判断等，并给出了实际示例。Thymeleaf作为Spring Boot官方推荐的模板引擎，提供了丰富的功能，如th:href、th:src、th:if、th:each等。同时，文章还提及了处理map、list、string、date和number的方法。

Thymeleaf：
市面上主流的 Java 模板引擎有：JSP、Velocity、Freemarker、Thymeleaf
JSP本质也是模板引擎，Spring Boot 官方推荐使用 “Thymeleaf”模板引擎

Thymeleaf 官网：https://www.thymeleaf.org/
Thymeleaf 在Github 的主页：https://github.com/thymeleaf/thymeleaf
Thymeleaf 参考手册：https://blog.youkuaiyun.com/zrk1000/article/details/72667478/

1.th

<a th:href="@{/admin/examination/paper/initAdd}"></a>

th:href@{} ：链接

<a th:href="@{/web/uc/order/orderInfo?orderId={orderId}(orderId=${order['id']})}" class="c-999">详情</a>

th:href@{}：带参数

<script type="text/javascript" 	th:src="@{
  
  {path}/admin/libs/plugins/layer/laydate/laydate.js?v={v}(path=${staticPath},v=${v})}">
</script>

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一只野生程序媛

关注关注

3
点赞
踩
15

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Thymeleaf模板引擎的编写

悦分享

08-25

488

1，Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。3.，Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块，可以快速的实现表单绑定、属性编辑器、国际化等功能。比如 th:attr="src=@{/image/aa.jpg},title=#{logo}"，此标签不太优雅，一般用的比较少。也就是：只要是没有选择的对象，选择表达式与变量表达式的语法是完全一样的。

Spring Boot入门(19)：Spring Boot 整合 Thymeleaf 模板引擎，开发Web页面 | 超级详细，建议收藏

**My Coding Family**

08-27

3517

Spring Boot 如何整合 Thymeleaf 模板引擎开发Web页面？一文教会你。

2 条评论您还未登录，请先登录后发表或查看评论

Thymeleaf模板引擎的语法

alankuo的专栏

10-02

1257

Thymeleaf模板引擎语法一、表达式语法变量表达式（${…}）用于访问从后端传递到模板中的变量。例如，在Java后端代码中，将一个名为user的对象添加到模型（Model）中： model.addAttribute("user", new User("John", "Doe")); 在Thymeleaf模板中，可以使用变量表达式来访问user对象的属性： <p th:text="${user.firstName}">Default First Name</p>

Thymeleaf高级特性与工具对象详解

热门推荐

**My Coding Family**

04-20

10万+

从0到1以知识点+实例+项目的教学模式对SpringBoot框架由浅入深进行学习，快来跟bug菌一起学习吧。

SpringMVC4+thymeleaf3的一个简单实例（篇四：form表单数据验证）

水手008的博客

11-19

2万+

springMVC和thymeleaf整合后的页面数据验证。

Thymeleaf语法详解

gaoqiandr的博客

09-17

1572

本文主要介绍的是Thymeleaf的基本语法

Thymeleaf语法

代码搬运工

07-26

957

一.DOM元素 1 标准写法： <span th:text="${stu.id}"> </span> 2 内嵌式写法：由[[...]]包围一个表达式 <span> [[${stu.name}]] / Ch </span> <br> 3 混合写法：不常见，用 |…| 指定一个混合文本 <span th:text="| ${stu.cellphone} - 拨打 |"> th:xxx 表示增加一个名为 xxx 的属性例如： ..

Thymeleaf的常用语法

万猫学社

06-27

2843

通过以上介绍，相信你已经对Thymeleaf的常用语法有了一定的了解。在实际项目中，你可以根据需要灵活运用这些语法，编写出优雅、高效的模板。

Thymeleaf基本语法和使用

2301_76541246的博客

11-07

1550

启动项目进行测试，在浏览器上访问http://localhost:8080/toLoginPage，在页面底部动态显示了当前日期2019-2020，而不是文件中的静态数字2018-2019。#session：（仅限Web Context）HttpSession对象 #servletContext：（仅限Web Context）ServletContext对象。thymeleaf页面缓存设置（默认为true），开发中方便调试应设置为false，上线稳定后应保持默认true。#locale：上下文区域设置。

Thymeleaf基础知识语法

weixin_47480200的博客

03-19

3496

Thymeleaf是⾯向Web和独⽴环境的现代服务器端Java模板引擎，能够处理HTML、XML、JavaScript、CSS、TEXT、RAW这六种模板。这六种模版模式包含两种标记模板模式（HTML和XML），三种⽂本模板模式（TEXT，JAVASCRIPT和CSS）和⼀个⽆操作模板模式（RAW）。①简单表达式②文字③⽂本操作④算术运算符⑤布尔运算符⑥⽐较和相等运算符⑦条件运算符⑧特殊符号无操作： _

Thymeleaf

m0_63685436的博客

04-09

200

这周主要学习了thymeleaf的标准方言的使用：大多数 Thymeleaf 属性允许将它们的值设置为或包含表达式，我们将其称为标准表达式，因为它们使用的方言。它们可以有五种类型： ${...}: 变量表达式。 ${session.user.name} *{...}: 选择表达式。 *{customer.name} #{...}: 消息 (i18n) 表达式。消息表达式（通常称为文本外部化、国际化或i18n）允许我们从外部源（文件）检索特定于语言环境的消息.properties，通过键引用它

超详细的Thymeleaf语法入门教程

零栀

08-26

1万+

Thymeleaf1.Thymeleaf简介2.特点3.环境准备3.1.创建module3.2.默认配置3.3.快速开始4.语法4.1.变量变量案例动静结合ognl表达式的语法糖4.2.自定义变量4.3.方法4.4 字面值4.5 拼接4.6 运算4.7 循环4.8 逻辑判断4.9 分支控制switch4.10.JS模板 1.Thymeleaf简介官方网站：https://www.thymeleaf.org/index.html Thymeleaf是用来开发Web和独立环境项目的现代服务器端Java模板引

Thymeleaf基础（表达式）

桃子dev的博客

03-23

434

是什么？ Thymeleaf 是一个服务器端 Java 模板引擎，主要用来开发 Java 服务器端的 H5 。怎么用？ 1.创建模板文件，引入命名空间，以HTML模板为例 1 <html xmlns:th="http://www.thymeleaf.org"> 2 　　 3 </html> 通过 <html xmlns:th="http://www.t...

SpringBoot——Thymeleaf的表达式

贝尔摩德苦艾酒

05-20

7591

SpringBoot——Thymeleaf的表达式

Thymeleaf书写的几种实例

weixin_43343423的博客

09-05

271

页面 <!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css">...

Thymeleaf学习

03-15

### Thymeleaf入门指南 #### 什么是Thymeleaf？ Thymeleaf 是一种现代服务器端 Java 模板引擎，用于生成动态 Web 内容。它支持 HTML、XML、JavaScript 和 CSS 文件中的模板处理[^1]。 --- #### 如何配置Thymeleaf？在 Spring Boot 中，默认已经集成了 Thymeleaf 的依赖项。如果需要自定义配置，可以在 `application.properties` 或 `application.yml` 文件中设置属性。例如： ```properties spring.thymeleaf.prefix=classpath:/templates/ spring.thymeleaf.suffix=.html spring.thymeleaf.encoding=UTF-8 spring.thymeleaf.mode=HTML spring.thymeleaf.cache=false ``` 上述配置中，`spring.thymeleaf.cache=false` 表示关闭页面缓存功能，这有助于开发阶段实时查看页面修改效果。 --- #### 数据传递至前端的方式通过控制器向模型添加数据后，在 Thymeleaf 页面中可以通过 `${}` 占位符访问这些变量。例如： ```java @Controller public class HelloController { @GetMapping("/greeting") public String greeting(@RequestParam(name = "name", required = false, defaultValue = "World") String name, Model model) { model.addAttribute("name", name); return "greeting"; } } ``` 对应的 Thymeleaf 页面代码如下： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Greeting</title> </head> <body> <p th:text="'Hello, ' + ${name} + '!'" /> </body> </html> ``` 此方法允许将后台传来的数据嵌入到静态 HTML 文档中并渲染给客户端[^3]。 --- #### JavaScript与Thymeleaf集成当需要将后端数据传递到前端的 JavaScript 脚本时，可以利用 Thymeleaf 提供的特殊标签实现。以下是两种常见方式： ##### 方法一：直接赋值 ```html <script th:inline="javascript"> var size = [[${test.size()}]]; console.log(size); </script> ``` 此处 `[[]]` 结构表示将表达式的计算结果注入到脚本中[^2]。 ##### 方法二：条件判断对于更复杂的逻辑操作，比如仅在特定条件下执行某些脚本语句，则可采用以下形式： ```html <script th:inline="javascript"> /*[# th:if="${test.size() eq 3}"]*/ console.info('Size is three'); /*[/]*/ </script> ``` 这种写法类似于 JSP EL 表达式中的 `<c:if>` 标签。 --- #### 控制器编写实例下面展示了一个简单的 Controller 类，演示如何返回视图以及携带消息参数： ```java import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; @Controller public class HelloController { @GetMapping("/hello") public String hello(Model model){ model.addAttribute("message", "你好，世界！"); return "index"; // 返回名为 index.html 的模板文件 } } ``` 这里的关键在于使用 `Model` 对象存储要共享的数据，并指定目标视图名称以便加载相应的模板资源。 --- #### 总结以上介绍了关于 Thymeleaf 基础概念及其基本应用技巧的内容，包括但不限于基础配置调整、前后端交互机制探讨等方面的知识点。希望对你有所帮助！ ---