Thymeleaf模板引擎的一些知识点

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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值