框架 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>

测试静态：

测试动态：

如果，<p th:text ="${name}">123</p> 后台传过来要是存在，他显示 name的值，如果后台传过来没有 name 这个属性他是不会走 p 这个标签的

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

0 课程网址

1 配置文件

1.1 pom.xml 引入依赖

1.2 application.properties 引入thymeleaf相关配置