SpringBoot之模板引擎
1. 什么是模板引擎将模板文件和数据通过模板引擎生成一个HTML代码jsp就是一个模板引擎,还有用的比较多的freemarker,包括SpringBoot给我们推荐的Thymeleaf。图来源于:https://www.jianshu.com/p/e4aa40458dfd2. 为什么要用模板引擎SpringBoot这个项目首先是以jar的方式,不是war,而且还是用嵌入式的Tomcat,所以呢,他
1. 什么是模板引擎
将模板文件和数据通过模板引擎生成一个HTML代码
jsp就是一个模板引擎,还有用的比较多的freemarker,包括SpringBoot给我们推荐的Thymeleaf。
图来源于:https://www.jianshu.com/p/e4aa40458dfd
2. 为什么要用模板引擎
SpringBoot这个项目首先是以jar的方式,不是war,而且还是用嵌入式的Tomcat,所以呢,他现在默认是不支持jsp的。
3. 常见的模板引擎
-
JSP
-
Thymeleaf
-
Velocity
-
Freemarker
模板引擎比较:https://blog.csdn.net/az44yao/article/details/99887733
4. 引入Thymeleaf
Thymeleaf 官网:https://www.thymeleaf.org/
Thymeleaf 在Github 的主页:https://github.com/thymeleaf/thymeleaf
Spring官方文档:找到我们对应的版本
https://docs.spring.io/spring-boot/docs/2.2.5.RELEASE/reference/htmlsingle/#using-boot-starter
- 导入依赖
<!--模板引擎:thymeleaf-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
- 编写controller类
@Controller
public class HelloController {
@GetMapping("/test")
public String test(Model model) {
model.addAttribute("msg","Hello SpringBoot");
return "test";
}
}
- 编写在resources下的templates建立test.html
注意:
- 使用前需引入约束
<html lang="en" xmlns:th="http://www.thymeleaf.org">
- 所有的htmL元素都可以被thymeLeaf替换接管: th:元素名
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--所有的htmL元素都可以被thymeLeaf替换接管: th:元素名-->
<div th:text="${msg}"></div>
</body>
</html>
- 测试
在浏览器输入:http://localhost:8080/test
5. Thymeleaf语法
5.1 th:text与th:utext
<div th:text="${msg}"></div>
<div th:utext="${msg}"></div>
测试:
5.2 th:each
两种方式:推荐使用第一种
<div th:each="user:${users}" th:text="${user}"></div>
<div th:each="user:${users}">[[${user}]]</div>
测试:
Thymeleaf使用(参考博客):https://www.cnblogs.com/jerry126/p/11531310.html
参考内容:https://www.bilibili.com/video/BV1PE411i7CV
仅用于学习!
更多推荐
所有评论(0)