springboot2 使用Thymeleaf

最新推荐文章于 2025-08-04 22:31:45 发布

名字别占用

最新推荐文章于 2025-08-04 22:31:45 发布

阅读量180

点赞数

CC 4.0 BY-SA版权

分类专栏： springboot2 文章标签：前端框架

本文链接：https://blog.youkuaiyun.com/qq_51265257/article/details/129016949

springboot2 专栏收录该内容

4 篇文章

订阅专栏

文章介绍了如何在SpringBoot项目中引入Thymeleaf模板引擎，包括设置依赖、放置HTML文件的位置以及基础语法的使用，如变量表达式、选择变量表达式、信息表达式、URL引用、条件判断和循环结构。同时，文章还讲解了Thymeleaf的内置对象及其在表单处理和页面交互中的应用。

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

导入依赖

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

springboot的版本不同导入的依赖不同，我使用的springboot的版本是2.6.11

把html文件放到templates目录下

Thymeleaf

导入规范

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

简单代码实例

所有的HTML元素都可以被Thymeleaf接管， th: 元素

<div th:text="${msg}"> </div>


    @GetMapping("/")
    public String index(Model model) {
        model.addAttribute("msg", "hello world");
        return "index";
    }

显示的效果

Thmeleaf的基础语法

基本数值绑定

1-变量表达式：$ {…}

变量表达式用于访问容器上下文环境中的变量，下面的例子就获取到了msg的数值

<div th:text="${msg}"> </div>

    @GetMapping("/")
    public String index(Model model) {
        model.addAttribute("msg", "hello world");
        return "index";
    }

如果想要转义标签使用下方的方式：

<div th:utext="${msg}"> </div>

    @GetMapping("/")
    public String index(Model model) {
        model.addAttribute("msg", "<h1>hello world<h1>");
        return "index";
    }

2-选择变量表达式：*{…}

选择变量表达式计算的是选定的对象(th:object属性绑定的对象)

3-信息表达式：#{…}

国际化的信息

4-引入URL

通过@{…}表达式引入URL

5-访问WebContext对象中的属性

Thymeleaf模板通过一些专门的表达式从模板的WebContext获取请求参数，请求，会话和应用程序中的属性，具体如下：

${xxx}将返回存储在Thymeleaf模板上下文中的变量xxx或者request请求域的属性xxx。

${param.xxx}返回一个名为xxx的请求参数值，可能是多个值。

${session.xxx}返回一个名为xxx的HttpSession作用域中的属性。

${application.xxx}将返回一个名为xxx的全局ServletContext上下文作用中的属性。

与EL表达式一样，使用${xxx}获取变量值，使用 ${对象变量名.属性名}获取JavaBean属性值。

6-运算符

Thymeleaf模板表达式中可以使用各种算数运算符和逻辑运算符。

条件判断

1）if和unless

只有在th:if标签成立才会显示标签内容，th:unless只有在条件不成立才显示标签内容。

2）switch语句

Thymeleaf模板也支持多路选择的switch语句结构，默认属性default可用*表示。

循环

Thymeleaf模板使用th:each="obj,iterStat:${objList}"标签进行迭代循环，迭代对象可以是List,Map或者数组等。

循环状态的使用

在th:each标签中可以使用循环状态变量，该变量有如下属性：

1-index:当前迭代对象的索引，从0开始

2-count：当前迭代对象的索引，从1开始

3-size:迭代器对象的大小

4-current当前迭代变量

5-even/odd:布尔值，当前对象是否是偶数/奇数

6-first:当前循环是否是第一个

7-last:当前循环是否是最后一个

<!--        遍历数据-->
        <span th:each="user:${users}" th:text="${user}"> </span>
<!--        遍历数据的行内写法-->
        <span th:each="user:${users}" >[[${user}]]</span>

@GetMapping("/")
    public String index(Model model) {
        model.addAttribute("users", Arrays.asList("张三", "李四", "王五"));
        return "index";
    }