您的位置:首页技术文章
文章详情页

springBoot加入thymeleaf模板的方式

浏览:3日期:2023-04-17 16:06:08

1.新建springBoot项目

在前面有两种方式

2.加入thymeleaf模板引擎

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

springBoot加入thymeleaf模板的方式

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

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

springBoot加入thymeleaf模板的方式

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

springBoot加入thymeleaf模板的方式

4.运行,然后访问项目

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

springBoot加入thymeleaf模板的方式

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

springBoot加入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中

springBoot加入thymeleaf模板的方式

前端通过标签取出数据

springBoot加入thymeleaf模板的方式

显示效果

springBoot加入thymeleaf模板的方式

6.thymeleaf标签语法

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

常用标签介绍

springBoot加入thymeleaf模板的方式

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

到此这篇关于springBoot加入thymeleaf模板的方式的文章就介绍到这了,更多相关springBoot thymeleaf模板内容请搜索好吧啦网以前的文章或继续浏览下面的相关文章希望大家以后多多支持好吧啦网!

标签: Spring
相关文章: