模板引擎thymeleaf

模板引擎thymeleaf

 

Thymeleaf是什么

简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。

 

导依赖

在springboot项目中使用Thymeleaf要导入如下依赖

<!-- Thymeleaf 基于3.x-->
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf-spring5</artifactId>
        </dependency>
        <dependency>
            <groupId>org.thymeleaf.extras</groupId>
            <artifactId>thymeleaf-extras-java8time</artifactId>
        </dependency>
<!--springboot2要导入3版本的thymeleaf才可正常使用-->

 

如何使用

• 将html页面放入templates文件夹下(源码要求)，该文件夹下的所有页面，只能通过Controller来跳转

• 在html中引入命名空间 xmlns:th="http://www.thymeleaf.org"

• 之后所有的html元素名都可以被thymeleaf接管替换：th:元素名

 

Thymeleaf语法(最常用)

1. 获取变量值${...}

<!--不转义-->
<div th:text="${msg}"></div>
<!--转义-->
<div th:utext="${msg}"></div>

2. 链接表达式: @{…} ,类似的标签有:th:href和th:src

<a href="details.html" th:href="@{/order/details(orderId=${o.id})}">view</a>

3. 循环

model.addAttribute("users", Arrays.asList("aaa","bbb"));

<h2 th:each="user:${users}" th:text="${user}"></h2>
<!--<h2 th:each="user:${users}">[[${user}]]</h2>-->