1、简单介绍thymeleaf
因为SpringBoot不支持JSP(SpringBoot打包为jar包)因此可以使用与其契合度较高的
thymeleaf模板引擎
模板引擎
JSP(本质是Servlet)、Velocity、Freemarker、Thymeleaf(springboot推荐)
模板引擎的作用:
所有的模板引擎思想都是一样的,将HTML页面与数据通过模板引擎整合(解析融入HTML存取数据、判断等的表达式),组合成为一个综合文件,然后通过解析的方式输出(不能直接访问与打开)
不同模板引擎的区别在于语法不一样
2、引入springboot推荐的Thymeleaf
第一步添加依赖:
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
可对其切换版本(略)
3、Thymeleaf使用&语法
重点: 只要我们把HTML页面放在classpath:/templates/下面,thymeleaf就能自动渲染
@Controller
public class success {
@RequestMapping("success")
public String Success(){
return "success";
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>成功</h1>
</body>
</html>
使用:
- 导入thymeleaf的名称空间(可以不导,结果就是没有代码提示)
<html lang="en" xmlns:th="http://www.thymeleaf.org">
- 使用thymeleaf语法:
<!--th:text将div里面的文本值设置为${}里面的值,报错是idea的检查问题-->
<div th:text="${hello}">这是显示欢迎信息</div>
特点一:直接用前端浏览器打开:
通过后端转发打开:
极大的方便了前后端分工
4、语法规则
1)、th:text; 改变当前元素里面的文本内容(上面已经示例)
2)、th:任意html属性;来替换原生属性的值
例:
结果:
更多详情1:https://www.cnblogs.com/jnba/p/10832878.html
更多详情2:https://www.jianshu.com/p/d1370aeb0881
更多详情3:https://blog.csdn.net/weixin_45636641/article/details/108249715
更多介绍:https://blog.csdn.net/qq_34598667/article/details/94462934