springboot中使用thymeleaf

最新推荐文章于 2023-12-03 17:51:41 发布

starriesWEB

最新推荐文章于 2023-12-03 17:51:41 发布

阅读量175

点赞数

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

本文链接：https://blog.csdn.net/qq_45722508/article/details/116356446

版权

SpringBoot 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

环境搭建

创建springboot项目时勾选 web 和 thymeleaf 依赖

在 templates 目录下新建 test.html 文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>test</h1>
</body>
</html>

在 SpringbootWebApplication 同级目创建 TestController

@Controller
public class TestController {

    @GetMapping("test")
    public String hello(){
        return "test";
    }
}

由于springboot默认的有编码和前后缀我们可以不用自己设置

private static final Charset DEFAULT_ENCODING = StandardCharsets.UTF_8;

public static final String DEFAULT_PREFIX = "classpath:/templates/";

public static final String DEFAULT_SUFFIX = ".html";

启动项目访问http://localhost:8080/test,正常跳转

使用thymeleaf接收数据

th:text 和 th:utext

修改controller

@Controller
public class TestController {

    @GetMapping("test")
    public String hello(Model model){
        model.addAttribute("msg", "hello,springboot");
        return "test";
    }
}

修改html

<!DOCTYPE html>
<!--导入约束-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--使用th:元素名 进行绑定  变量表达式:${...}-->

<!--text会进行转义 utext不会进行转义-->
<div th:text="${msg}"></div>
<div th:utext="${msg}"></div>
</body>
</html>

页面显示
在这里插入图片描述

th:each

controller中添加数据

model.addAttribute("users", Arrays.asList("starry","xiaohei"));

html

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

页面显示
在这里插入图片描述

标准表达语法

在这里插入图片描述

starriesWEB

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
springboot中使用thymeleaf

环境搭建创建springboot项目时勾选 web 和 thymeleaf 依赖在 templates 目录下新建 test.html 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1>test</h1>&l
复制链接

扫一扫