Thymeleaf的基本使用

最新推荐文章于 2025-07-06 15:47:48 发布
最新推荐文章于 2025-07-06 15:47:48 发布
阅读量1.6k 收藏 18
点赞数 11
CC 4.0 BY-SA版权
分类专栏： 程序员 文章标签： python 前端 windows
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_83641443/article/details/137059313
本文介绍了Thymeleaf的使用方法，包括字符串拼接、运算符使用、条件判断、for循环、内联js等，还提及了Thymeleaf提供的内置对象，如日期、数字、字符串格式化等对象。此外，作者分享了Java开发学习资料，可扫码或点击传送门领取。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

很多时候可能只需对一大段文字中的某一处或全部进行替换，可以通过字符串拼接或替换操作完成。

description

字符串拼接还有另外一种简洁的写法

这种形式限制比较多，|…|中只能包含变量表达式${…}，不能包含其他常量，条件表达式等。

2、运算符

在表达式中可以使用各类算术运算符，例如+、-、*、/、%。

th:with=“isEven=(${prodStat.count} % 2 == 0)”

逻辑运算符>、<、<=、>=、==、!=都可以使用，唯一需要注意的是，使用<>是应用它的HTML转义符。

th:if=“${prodStat.count} > 1”

th:text=“'Execution mode is '+((${execMode} == ‘dev’) ? ‘Development’: ‘Production’)”

3、条件判断

Thymeleaf中使用th:if和th:unless属性进行条件判断，标签只有在th:if中的条件成立时才显示，th:unless与th:if恰好相反，只有表达式中的条件不成立是，才会显示器内容。

Login1

Login2

Thymeleaf同样支持多路选中Switch结构，默认属性default可以用*表示

user is an admin

user is a manager

user is some other thing

4、for 循环

Thymeleaf中循环变量集合使用th:each标签

th:each属于用于迭代循环，迭代对象可以是java.util.List、java.util.Map或数组等，语法如下。

th:each=“obj, iterStat:${objList}”

下面是一个简单的循环。

1 Mark Otto @mdo index

iterStat称作状态变量，属性有：

  • index:当前迭代对象的 index（从0开始计算）

  • count: 当前迭代对象的 index(从1开始计算)

  • size:被迭代对象的大小

  • current:当前迭代变量

  • even/odd:布尔值，当前循环是否是偶数/奇数（从0开始计算）

  • first:布尔值，当前循环是否是第一个

  • last:布尔值，当前循环是否是最后一个

5、内联 js

内联文本：[[…]] 内联文本的表示方式，使用时，必须先用th:inline="text/javascript/none"激活，th:inline可以在父级标签内使用，甚至作为 body 的标签。内联文本尽管比th:text的代码少，不利于原型显示。

内置对象

Web下面中经常会传递一些数据，例如String类型的列表、日期对象和数值，这些在实际应用开发中应用非常广泛，所以Thymeleaf还提供了很多内置对象，可以通过#直接访问。

【注意】：内置对象一般都以s结尾，如dates，lists，numbers等。在使用内置对象时需要在对象名前加#号。

在Thymeleaf中的内置对象有以下这些。

  • #dates：日期格式化内置对象，具体方法可以参照java.util.Date。

  • #calendars：类似于#dates，但是是java.util.Calendar类的方法。

  • #numbers：数字格式化。

  • #strings：字符串格式化，具体方法可以参照java.lang.String，如startsWith，contains等。

  • #objects：参照java.lang.Object。

  • #bools：判断Boolean类型的工具。

先自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Java工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《Java开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

img

img

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以扫码领取！

img

最后

如果觉得本文对你有帮助的话，不妨给我点个赞，关注一下吧！

https://i-blog.csdnimg.cn/blog_migrate/705123f5943aea4c3a3de78f1251167a.jpeg" alt=“img” style=“zoom: 33%;” />

最后

如果觉得本文对你有帮助的话，不妨给我点个赞，关注一下吧！

[外链图片转存中…(img-N2pPFseG-1711461647880)]

[外链图片转存中…(img-JUqkVs4n-1711461647880)]

需要更多Java资料的小伙伴可以帮忙点赞+关注，点击传送门，即可免费领取！

Thymeleaf 基本使用
呆萌很的博客
03-14 1946
Thymeleaf 基本配置，基本使用，基本语法，常用表达式，常用标签
Thymeleaf基本使用
m0_55613022的博客
06-18 566
官网：https://www.thymeleaf.org/Thymeleaf是一个用于Web和独立环境的现代服务器端Java模板引擎。打开IDEA，创建一个maven工程（quickstart archetype）·。在pom.xml文件中导入依赖，目前最新版本3.0.15： 新建一个HelloWorld类，内容如下： 输出结果：这里模板是HTML常见组件input框，type和value属性。实际上模板引擎在解析模板时，通过‘th:’前缀来锁定要替换的值，就是这里的‘helloWorld’内容。但是这个数
Thymeleaf 基本用法总结文档
04-26
Thymeleaf 基本用法总结文档，里面有详细的使用说明。需要的可以进行下载
spring boot(四)：thymeleaf使用详解
weixin_33804990的博客
09-02 4346
在上篇文章springboot(二)：web综合开发中简单介绍了一下thymeleaf，这篇文章将更加全面详细的介绍thymeleaf的使用。thymeleaf 是新一代的模板引擎，在spring4.0中推荐使用thymeleaf来做前端模版引擎。 thymeleaf介绍 简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。相...
关于Thymeleaf 的条件语句 th:if 和 th:unless的使用（带demo）
最新发布
s_sos0的博客
07-06 556
Arenaschi出品，必属精品！ Arenaschi出品，必属精品！ Arenaschi出品，必属精品！
Thymeleaf的基本用法
weixin_30652879的博客
08-26 196
　　俗话说，不会前端的后端工程师不是一个合格的程序员。因为在项目中经常要和前端工程师打交道，并且偶尔也会涉及前端的简单开发，因此在闲暇之余学习了一点前端的知识，今天首先总结归纳一下 Thymeleaf 模板引擎。 一、 Thymeleaf简介 Thymeleaf 是 Web 和独立环境的现代服务器端 Java 模板引擎，能够处理HTML，XML，JavaScript，CSS 甚...
Thymeleaf 的基本用法
weixin_33828101的博客
12-29 720
Thymeleaf 的基本用法 属于个人整理的文档，大部分内容来源自网络在这里我们没有打算使用SpringMVC进行整合使用或者说跟Spring Boot 一起使用 我们在这里单独使用Servelet版本-算是为了给一些初学者提供部分代码 Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎，类似JSP，Velo...
Spring Boot 实践之七 Spring Boot视图技术(Thymeleaf 基本语法/基本使用/使用Thymeleaf完成数据的页面展示/使用Thymeleaf配置国际化页面)
12-20
2. Thymeleaf基本使用 要启用Thymeleaf，首先需要在`pom.xml`或`build.gradle`中添加对应的依赖。然后，Spring Boot会自动配置Thymeleaf的默认设置，包括模板路径（通常在`src/main/resources/templates`下）和字符...
thymeleaf的使用
01-27
1. **变量表达式**： `${...}` 是Thymeleaf中用于获取上下文数据的基本方式，如`${user.name}"></p>`可以显示用户的名字。 2. **消息表达式**： `#{...}` 用于实现文本外部化，支持国际化（i18n），如`...
Thymeleaf - 使用方法及国际化(超详细)
江南烟雨却痴缠丶
03-17 1万+
Thymeleaf简介 Thymeleaf是一个和Velocity、FreeMarker 类似的模板引擎，它在有网络和无网络的环境下皆可运行。因为它支持html原型，在html的标签里增加了额外的属性来达到模板+数据的展示方式。浏览器解释html时会忽略未定义的标签属性，所以thymeleaf的模板可以静态地运行。当有数据返回到页面时，Thymeleaf标签会动态地替换掉静态内容，使页面动态显示。...
Thymeleaf对象的使用之基本对象实例解析
08-19
Thymeleaf对象的使用之基本对象实例解析 Thymeleaf是基于Java的模板引擎，通过模板引擎可以将数据模型绑定到HTML模板中，从而生成最终的HTML页面。在Thymeleaf中，有多种内置对象和变量可供使用，这些对象和变量...
Thymeleaf 教程
杭州.黄老师
12-01 2623
Thymeleaf 是一个服务器端 Java 模板引擎，能够处理 HTML、XML、CSS、JAVASCRIPT 等模板文件。Thymeleaf 模板可以直接当作静态原型来使用，它主要目标是为开发者的开发工作流程带来优雅的自然模板，也是 Java 服务器端 HTML5 开发的理想选择。 1. 创建模板文件 创建一个 HTML 模板文件： 1 2 3 4 5 6 7 8 9 10
thymeleaf使用
joan_yb的博客
05-06 1720
thymeleaf使用
Thymeleaf基本用法
z1340954953
10-15 519
特性  Thymeleaf是spring4.0中推荐的模板引擎技术，一种和 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。相较与其他的模板引擎，它有如下三个极吸引人的特点： 1.Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然...
Thymeleaf用法大全
热门推荐
wszhlzjl的博客
09-20 2万+
Thymeleaf语法 在自己使用Thymeleaf语法时,我非常希望有一篇很全的Thymeleaf语法的总结,但很可惜没有找到,总是零零散散。贴上官方链接(比较长):Thymeleaf官方说明文档 。现 全面总结 如下: 1. 基本表达式 (1) 变量的表达式:${...} 用于访问 容器上下文环境 中的变量,例: &lt;span th:text="${information...
Thymeleaf入门教程
qq_37534947的博客
04-05 3315
Thymeleaf 是新一代 Java 模板引擎，与 Velocity、FreeMarker 等传统 Java 模板引擎不同，Thymeleaf 支持 HTML 原型，其文件后缀为“.html”，因此它可以直接被浏览器打开，此时浏览器会忽略未定义的 Thymeleaf 标签属性，展示 thymeleaf 模板的静态页面效果；当通过 Web 应用程序访问时，Thymeleaf 会动态地替换掉静态内容，使页面动态显示。
springboot+thymeleaf基本配置与使用
02-24
<think>嗯，用户想了解Spring Boot和Thymeleaf的基本配置与使用。好的，我需要先理清楚这两个技术的基本概念以及它们如何结合使用。首先，Spring Boot是一个用于简化Spring应用开发的框架，可以快速搭建项目，而Thymeleaf是一个服务器端的Java模板引擎，适合用于Web应用中的视图层。 首先，用户可能需要知道如何创建一个Spring Boot项目并集成Thymeleaf。我应该从项目创建开始，比如使用Spring Initializr，添加Thymeleaf依赖。然后介绍配置文件，比如application.properties中的相关设置，比如关闭缓存，这样开发时修改模板不用重启。 接下来是基本的使用步骤，比如创建Controller，编写Thymeleaf模板，如何传递数据，以及常用的语法。比如在HTML中使用th:text，表单处理，迭代循环等。可能需要给出代码示例，这样用户更容易理解。 还要注意Thymeleaf的默认目录是classpath:/templates/，所以需要说明HTML文件应该放在哪里。另外，静态资源如CSS、JS通常放在static目录下，这也是需要提到的点。 用户可能遇到的问题比如模板不生效，或者静态资源无法加载，这时候可能需要检查配置是否正确，路径是否正确。另外，Thymeleaf的语法可能有些用户不熟悉，需要简单举例说明常用标签和表达式。 可能还需要提到Thymeleaf的布局功能，比如使用th:fragment和th:replace来复用页面片段，这对实际项目开发很有帮助，但如果是基本配置与使用，可能不需要深入，简单提一下或者作为扩展内容。 还有，是否需要涉及MVC结构？比如Controller到View的数据传递，Model的使用，表单绑定等。这些都是基本使用中常见的部分，应该涵盖。 总结一下，回答的结构应该是：先介绍Spring Boot和Thymeleaf，然后创建项目，添加依赖，配置，接着是Controller和模板的编写，数据传递，常用语法，最后可能给出一个简单示例和常见问题。确保步骤清晰，代码示例正确，并且解释到位，避免用户在实际操作时遇到障碍。</think>以下是 Spring Boot 整合 Thymeleaf 的基本配置与使用指南，分步骤说明： --- ### **一、环境准备** 1. **创建 Spring Boot 项目** 通过 [Spring Initializr](https://start.spring.io/) 创建项目，勾选： - **Spring Web**（Web 支持） - **Thymeleaf**（模板引擎依赖） 2. **项目结构** 生成的标准目录结构： ``` src ├─main │ ├─java │ │ └─com/example/demo │ │ ├─controller │ │ └─DemoApplication.java │ └─resources │ ├─static # 存放静态资源（CSS/JS/图片） │ ├─templates # 存放 Thymeleaf 模板 │ └─application.properties ``` --- ### **二、基础配置** 在 `application.properties` 中添加： ```properties # 开启模板缓存（生产环境建议true，开发时设为false） spring.thymeleaf.cache=false # 模板编码 spring.thymeleaf.encoding=UTF-8 # 模板后缀（默认.html） spring.thymeleaf.suffix=.html # 模板路径（默认classpath:/templates/） spring.thymeleaf.prefix=classpath:/templates/ ``` --- ### **三、基础使用** #### 1. **编写 Controller** ```java @Controller public class HelloController { @GetMapping("/hello") public String hello(Model model) { // 向模板传递数据 model.addAttribute("message", "Hello Thymeleaf!"); model.addAttribute("list", Arrays.asList("Java", "Python", "C++")); return "hello"; // 对应 templates/hello.html } } ``` #### 2. **创建 Thymeleaf 模板（hello.html）** ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Thymeleaf Demo</title> </head> <body> <!-- 显示普通文本 --> <h1 th:text="${message}"></h1> <!-- 条件判断 --> <div th:if="${not #lists.isEmpty(list)}"> <!-- 循环遍历 --> <ul> <li th:each="item : ${list}" th:text="${item}"></li> </ul> </div> <!-- 链接处理（自动生成上下文路径） --> <a th:href="@{/home}">返回首页</a> </body> </html> ``` --- ### **四、常用语法** #### 1. **变量表达式 `${}`** ```html <p th:text="${user.name}"></p> ``` #### 2. **链接表达式 `@{}`** ```html <link th:href="@{/css/style.css}" rel="stylesheet"> ``` #### 3. **条件判断 `th:if` / `th:unless`** ```html <div th:if="${user.isAdmin}">管理员权限</div> ``` #### 4. **循环遍历 `th:each`** ```html <tr th:each="user : ${users}"> <td th:text="${user.id}"></td> </tr> ``` #### 5. **表单绑定** Controller： ```java @PostMapping("/submit") public String submitForm(@ModelAttribute User user) { // 处理表单数据 return "result"; } ``` 模板： ```html <form th:action="@{/submit}" method="post"> <input type="text" th:name="username"> <button type="submit">提交</button> </form> ``` --- ### **五、静态资源处理** 将 CSS/JS 文件放在 `resources/static` 目录下： ```html <!-- 引用静态资源 --> <script th:src="@{/js/main.js}"></script> <link th:href="@{/css/style.css}" rel="stylesheet"> ``` --- ### **六、布局模板（进阶）** 通过 `th:fragment` 和 `th:replace` 实现页面复用： 1. **定义公共片段（common.html）** ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <th:block th:fragment="head"> <meta charset="UTF-8"> <title>公共标题</title> </th:block> </head> </html> ``` 2. **引用片段** ```html <head th:replace="common :: head"></head> ``` --- ### **七、常见问题** 1. **模板不生效** - 检查文件是否放在 `templates` 目录。 - 确保 Controller 返回的视图名与模板文件名一致。 2. **静态资源404** - 确认文件路径正确（如 `static/css/style.css` 对应 `@{/css/style.css}`）。 3. **Thymeleaf 语法不解析** - 检查 HTML 是否添加命名空间：`xmlns:th="http://www.thymeleaf.org"`。 --- 通过以上步骤，即可快速上手 Spring Boot + Thymeleaf 的基础开发！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值