Thymeleaf模板引擎的一些知识点

最新推荐文章于 2025-07-03 17:22:05 发布

Sean_zzZ

最新推荐文章于 2025-07-03 17:22:05 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏：一些笔记文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/github_38151745/article/details/78221089

一些笔记专栏收录该内容

6 篇文章

订阅专栏

Thymeleaf是一个适用于Web和独立环境的Java模板引擎，专注于提供优雅、高维护性的模板创建方式。通过自然模板理念，它允许逻辑注入模板而不会干扰设计原型。Thymeleaf支持HTML5标准，提供了标准表达式语法，如简单表达式、可变表达式、选择变量表达式、消息表达式、连接网址表达式和片段表达式。在创建表单时，利用`th:object`和`th:field`属性处理命令对象。此外，Thymeleaf还支持在JavaScript中读取后台传递的数据以及处理CSS和JS资源。

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

Thymeleaf是面向Web和独立环境的现代服务器端Java模板引擎，能够处理HTML，XML，JavaScript，CSS甚至纯文本。
Thymeleaf的主要目标是提供一个优雅和高度可维护的创建模板的方式。为了实现这一点，它建立在自然模板的概念上，将其逻辑注入到模板文件中，不会影响模板被用作设计原型。这改善了设计的沟通，弥合了设计和开发团队之间的差距。
Thymeleaf也从一开始就设计了Web标准 - 特别是HTML5 - 允许您创建完全验证的模板，

标准表达式语法

简单表达式
可变表达式 ${}
选择变量表达式：*{}
消息表达式 #{}
连接网址表达式 @{}
片段表达式 ~{}

创建表单：
1.处理命令对象
th:object 属性指定命令对象 Java bean

输入：
th:field=”*{}” 将在表单支持bean上进行评估 bean 的属性

双括号表达式将任何对象转化为string类型
● 对于变量表达式： ${{…}}
● 对于选择表达式： *{{…}}

超链接带参数

<a style="font-size: medium"  th:href="@{/xxx(id=${java bean.id})}"></a>

迭代

<th:each>

在js中读取后台传递的数据
首先在

  <script type="text/javascript" th:inline="JavaScript"></script>

然后

  var xxx= [[${后台传递对象的名称}]];

在使用Thymeleaf模板引擎时，加载CSS 和JS

    <link  th:href="@{/css/xxx.css}" rel="stylesheet" href="/css/xxx.css">
 <script th:src="@{/js/xxx.js}" src="/js/xxx.js"></script>