springBoot加入thymeleaf模板的方式

1.新建springBoot项目

在前面有两种方式

2.加入thymeleaf模板引擎

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

springBoot加入thymeleaf模板的方式_第1张图片


   org.springframework.boot
   spring-boot-starter-thymeleaf

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

springBoot加入thymeleaf模板的方式_第2张图片

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

springBoot加入thymeleaf模板的方式_第3张图片

4.运行,然后访问项目

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

springBoot加入thymeleaf模板的方式_第4张图片

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

springBoot加入thymeleaf模板的方式_第5张图片




  
  测试thymeleaf模板


欢迎来到测试thymeleaf界面

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

把数据放在controller的map中

springBoot加入thymeleaf模板的方式_第6张图片

前端通过标签取出数据

springBoot加入thymeleaf模板的方式_第7张图片

显示效果

springBoot加入thymeleaf模板的方式_第8张图片

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模板的方式_第9张图片

springBoot加入thymeleaf模板的方式_第10张图片
springBoot加入thymeleaf模板的方式_第11张图片

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

你可能感兴趣的:(springBoot加入thymeleaf模板的方式)