Thymeleaf基础教程

最新推荐文章于 2024-07-19 23:42:48 发布

@睡不醒的每天@

最新推荐文章于 2024-07-19 23:42:48 发布

阅读量479

点赞数 7

分类专栏： Thymeleaf基础教程文章标签： html5

本文链接：https://blog.csdn.net/m0_67929156/article/details/135920460

版权

Thymeleaf基础教程专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文详细介绍了Thymeleaf模板引擎的语法规则，包括基础语法如变量表达式、选择变量表达式、链接表达式和消息表达式，以及常用的th标签和迭代循环的使用方法。特别关注了如何在SpringBoot项目中集成和使用Thymeleaf。

摘要由CSDN通过智能技术生成

系列文章目录

一、Thymeleaf 语法规则

thymeleaf依赖导入：

<!-- thymeleaf依赖 -->
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

html 标签中声明名称空间：

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

Thymeleaf 作为一种模板引擎，它拥有自己的语法规则。Thymeleaf 语法分为以下 2 类：

二、Thymeleaf 语法分为以下 2 类

标准表达式语法

th 属性

2.1 基础语法

2.1.1 变量表达式 ${}

使用方法：直接使用 th:xx = “${}” 获取对象属性：前端获取后端的数据

<form id="userForm">
    <input id="id" name="id" th:value="${user.id}"/>
    <input id="username" name="username" th:value="${user.username}"/>
    <input id="password" name="password" th:value="${user.password}"/>
</form>

<div th:text="hello"></div>

<div th:text="${user.username}"></div>

2.1.2 选择变量表达式 *{}

使用方法：首先通过th:object 获取对象，然后使用th:xx = "*{}"获取对象属性。
这种简写风格极为清爽，推荐大家在实际项目中使用：

<form id="userForm" th:object="${user}">
    <input id="id" name="id" th:value="*{id}"/>
    <input id="username" name="username" th:value="*{username}"/>
    <input id="password" name="password" th:value="*{password}"/>
</form>

2.1.3 链接表达式 @{}

使用方法：通过链接表达式@{}直接拿到应用路径，然后拼接静态资源路径:

<script th:src="@{jquery/jquery-1.10.2.min.js}"></script>
<link th:href="@{bootstrap/css/bootstrap.css}" rel="stylesheet" type="text/css">

2.1.4 消息表达式

即通常的国际化属性：#{msg} 用于获取国际化语言翻译值

<title th:text="#{user.title}"></title>

三、常用的 th 标签

在这里插入图片描述

常用标签有很多，部分举例。

四、迭代循环

想要遍历List集合很简单，配合th:each 即可快速完成迭代。例如遍历用户列表：

<div th:each="user:${users}">
       id：<input id="id" name="id" th:value="${user.id}"/> <br>
       姓名：<input id="username" name="username" th:value="${user.username}"/> <br>
</div>

@睡不醒的每天@

关注

7
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Thymeleaf基础教程

Thymeleaf 作为一种模板引擎，它拥有自己的语法规则。使用方法：首先通过th:object 获取对象，然后使用th:xx = "*{}"获取对象属性。想要遍历List集合很简单，配合th:each 即可快速完成迭代。使用方法：直接使用 th:xx = “${}” 获取对象属性：前端获取后端的数据。常用标签有很多，部分举例。
复制链接

扫一扫