框架 Spring Boot 技术入门到整合 6-2 Springboot 整合thymeleaf

0　　　　课程网址

https://www.imooc.com/video/16721

1　　　　配置文件

1.1　　pom.xml　　引入依赖

        <!-- 引入 thymeleaf 模板依赖 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

1.2　　application.properties 引入thymeleaf相关配置

############################################################
#
# thymeleaf 静态资源配置
#
############################################################
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
# 关闭缓存, 即时刷新, 上线生产环境需要改为true
spring.thymeleaf.cache=false

2　　　　相关demo

2.1　　动态静态demo

ThymeleafController

package com.example.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("th2")
public class ThymeleafController {

    @RequestMapping("/index")
    public String index(ModelMap map) {
        //塞值name ，用于展示
        map.addAttribute("name", "thymeleaf-ddwei");
        return "thymeleaf/index";
    }
    
    @RequestMapping("center")
    public String center() {
        return "thymeleaf/center/center";
    }
    

}

center.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8" />
    <title></title>
</head>
<body>
Thymeleaf模板引擎
<h1>center page</h1>
</body>
</html>

index.html

使用了el表达式，实现了动静分离，前端人员写出hellow world，后端人员塞值name就可以，塞完后，直接展示后端人员给的值（不再展示前端配置定的hello world）

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8" />
    <title></title>
</head>
<body>
Thymeleaf模板引擎
<h1 th:text="${name}">hello world~~~~~~~</h1>
</body>
</html>