Thymeleaf模板引擎
一:SpringBoot推荐你可以来使用模板引擎
模板引擎,我们其实大家听到很多,其实jsp就是一个模板引擎,还有用的比较多的freemarker,包括SpringBoot给我们推荐的Thymeleaf,模板引擎有非常多,但再多的模板引擎,他们的思想都是一样的,什么样一个思想呢我们来看一下这张图:
总结:
模板引擎的作用就是我们来写一个页面模板,比如有些值呢,是动态的,我们写一些表达式。而这些值,从哪来呢,就是我们在后台封装一些数据。然后把这个模板和这个数据交给我们模板引擎,模板引擎按照我们这个数据帮你把这表达式解析、填充到我们指定的位置,然后把这个数据最终生成一个我们想要的内容给我们写出去,这就是我们这个模板引擎
二:引入Thymeleaf
怎么引入呢,对于springboot来说,什么事情不都是一个start的事情嘛
导入Thymeleaf依赖,自动导入maven工具自动帮我们导入Thymeleaf相关依赖jar包
--thymeleaf-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
三:测试
1、编写一个TestController
2、编写一个测试页面 test.html 放在 templates 目录下
3.启动项目请求测试
一些小坑
以上介绍了Thymeleaf引擎,springboot如果要访问页面,是要依赖这个模板引擎的,而且这个引擎只会检索.html的页面格式,不识别jsp格式
**
Thymeleaf 语法学习
**
前言:
当我们可以通过controller请求正常访问页面,就可以考虑从contrller层携带数据,到我们的页面上进行前后端数据展示了,那么数据怎么在前端的html页面被拿出来呢?就要用到我们的Thymeleaf 语法
学习语法可以去官方网站去学习
Thymeleaf 使用教程:https://www.cnblogs.com/jerry126/p/11531310.html
我这里总结了一些简单的使用步骤,大家可以参考一下
步骤一:我们要使用thymeleaf,需要在html文件中导入命名空间的约束,方便提示
<html lang="en" xmlns:th="http://www.thymeleaf.org">
步骤二:我们去编写前端页面
步骤三、启动测试!
OK,入门搞定,我们来认真研习一下Thymeleaf的使用语法!
1、th:attr 来替换html中原生属性的值!
也就是给我们标签中的值通过语法来动态赋值
2.th:text 可以取后台传来的文本类型的数据
3.th:if 条件判断
这个标签可以对值进行一些条件判断
4. th:each 遍历数据 list集合数组等
<ul>
<!--遍历数据,每次遍历都会生成span标签-->
<li th:each="user:${userList}" th:text="${user.id+',你好'+user.name}" ></li>
</ul>
总结:
th的语法还有很多,我这里就分享这四个我们开发中经常使用的,th语法是要依赖于标签而生效的。