springboot笔记06——使用Thymeleaf模板引擎

时间:2022-11-17 18:04:36

前言

Springboot 推荐使用Thymeleaf做视图层。Thymeleaf支持 html 原型,然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性,所以 thymeleaf 的模板可以静态地运行;当有数据返回到页面时,Thymeleaf 标签会动态地替换掉静态内容,使页面动态显示。相比JSP,Thymeleaf使用方便、简单。可以与 SpringMVC 完美集成。


Springboot 集成Thymeleaf

创建一个Springboot项目,添加以下依赖
springboot笔记06——使用Thymeleaf模板引擎

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


templates文件夹下新建文件index.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>你好</h1>
    <h1 th:text="${text}">1</h1>
</body>
</html>


新建控制类

@Controller
public class testController {

    @RequestMapping("/hello")
    public String hello(@RequestParam(defaultValue = "jotal",required = false)String text, Model model) {
        model.addAttribute("text", text);
        return "index";
    }
}


在application.yml中完成Thymeleaf的相关配置

spring:
  thymeleaf:
#    前缀
    prefix: classpath:/templates/
#    后缀
    suffix: .html
    mode: html
#    关闭缓存 ,浏览器刷新就显示修改的视图,开发阶段一般关闭
    cache: false


测试
springboot笔记06——使用Thymeleaf模板引擎

springboot笔记06——使用Thymeleaf模板引擎