springboot-thymeleaf模板

最新推荐文章于 2024-07-05 11:46:42 发布

随心惜行

最新推荐文章于 2024-07-05 11:46:42 发布

阅读量114

点赞数

文章标签： html web

本文链接：https://blog.csdn.net/mingiao/article/details/117400161

版权

本文介绍了Spring Boot中Thymeleaf模板引擎的使用方法，包括依赖引入、模板配置和实例应用。通过示例展示了如何传递文本值、数组遍历以及在模板中进行文本转译。详细讲解了Thymeleaf的`th:text`和`th:utext`属性，以及`th:each`循环指令在遍历集合数据时的应用。

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

一.依赖导入

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

二.引入模板

模板路径：“classpath:/templates/xxx.html”

在模板中引入头文件约束：

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

三.模板使用

1.文本取值

传值：

@RequestMapping("/test")
public String index(Model model){
    model.addAttribute("msg","<h1>hhh</h1>");
    return "test";
}

text取值(不带转译)

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

页面显示：

在这里插入图片描述

utext取值（带转译）

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

页面显示：

在这里插入图片描述

2.数组遍历

@RequestMapping("/test")
public String index(Model model){
    model.addAttribute("users", Arrays.asList("ming","mingiao"));
    return "test";
}

遍历取值：

第一种：

<h3 th:each="user:${users}" th:text="${user}"></h3>

第二种：

<h3 th:each="user:${users}">[[${user}]]</h3>

结果显示：

在这里插入图片描述

随心惜行

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
springboot-thymeleaf模板

一.依赖导入<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>二.引入模板模板路径：“classpath:/templates/xxx.html”在模板中引入头文件约束：<
复制链接

扫一扫