springBoot thymeleaf模板 springBoot加入thymeleaf模板的方式

时光斑驳了记忆 2021-03-15 我要评论

想了解springBoot加入thymeleaf模板的方式的相关内容吗，时光斑驳了记忆在本文为您仔细讲解springBoot thymeleaf模板的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：springBoot,thymeleaf模板,springBoot,thymeleaf，下面大家一起来学习吧。

1.新建springBoot项目

在前面有两种方式

2.加入thymeleaf模板引擎

SpringBoot推荐使用thymeleaf模板引擎
语法简单，功能更强大
要想引入thymeleaf，只需要在pom,xml文件中加入如下依赖就可以了

在这里插入图片描述

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

3.在controller中定义跳转的页面

在这里插入图片描述

会自动去templates文件夹下去找index.html

在这里插入图片描述

4.运行，然后访问项目

输入http://localhost:8080/testThymeleaf即可访问index.html

在这里插入图片描述

5.在html页面中加入thymeleaf模板标签所需的命名空间

在这里插入图片描述

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>测试thymeleaf模板</title>
</head>
<body>
欢迎来到测试thymeleaf界面
</body>
</html>

6.将controller数据通过thymeleaf标签传到前端界面

把数据放在controller的map中

在这里插入图片描述

前端通过标签取出数据

在这里插入图片描述

显示效果

在这里插入图片描述

6.thymeleaf标签语法

官方文档
https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.pdf
thymeleaf中文
https://raledong.gitbooks.io/using-thymeleaf/content/Chapter1/section1.1.html

常用标签介绍

在这里插入图片描述

springBoot thymeleaf模板 springBoot加入thymeleaf模板的方式

相关文章

猜您喜欢

今日热门