第9节：SpringBoot官配模板引擎：Thymeleaf

最新推荐文章于 2022-07-03 20:55:16 发布

fwy洛伦兹力

最新推荐文章于 2022-07-03 20:55:16 发布

阅读量219

点赞数

分类专栏： SpringBoot 文章标签： spring boot

本文链接：https://blog.csdn.net/fwy000305/article/details/118221025

版权

本文介绍了模板引擎的作用和常见类型，重点讲解了SpringBoot中Thymeleaf的使用，包括导入依赖、页面配置、动态赋值、数据回显、对象引用、条件判断、循环操作以及动态路径拼接等核心功能。

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

# 1.认识模板引擎

①什么是模板引擎

模板引擎是一种作用在View层的技术，旨在能够在纯粹的静态页中通过某种方式获取服务器端数据并加以展现。

②模板引擎的作用

模板引擎通过在静态页中嵌入Java代码、自定义标签等方式，

动态获取并展现服务器端数据，进而实现动态加载数据的作用。

模板引擎的经典实现案例有：动态加载表格数据、修改页面数据回显等操作。

我们可以认为：通过在静态页面中使用模板引擎，可以有限的替代一部分Ajax的功能。

③常见的模板引擎

模板引擎的老祖宗：JSP

新时代的模板引擎：freemaker、thymeleaf

# 2.Thymeleaf模板引擎

①导入thymeleaf模板引擎相关依赖

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

②在页面中导入模板引擎标识

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

③使用模板引擎静态页的存放位置

使用模板引擎的静态页面，一般都会存放在SpringBoot项目的resources/templates文件夹下。

定义在resources/templates文件夹下的静态文件时无法直接通过浏览器的URL进行访问的，

必须通过控制器请求转发，走视图解析器的方式才能够进行访问。

并且大前提是导入了对thymeleaf的依赖。

如果不导入这个依赖，即使使用请求转发的方式，也无法访问定义在templates文件夹下的模板文件。

④模板文件的使用

1.通过@{}标签导入定义与static文件夹下的其他静态资源：

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

在HTML标签中的任意原生属性之前加上th:标识，标识这个属性的取值是通过thymeleaf模板引擎进行获取的。

th:标识可以作用于任何原生的HTML属性之前。

2.通过th:text属性和${}标签为组件的html内容赋值：

thymeleaf中定义的${}标识࿰

关注