SpringBoot 整合Thymeleaf步骤

引入依赖

主要增加 spring-boot-starter-thymeleaf 和 nekohtml 这两个依赖

• spring-boot-starter-thymeleaf：Thymeleaf 自动配置
• nekohtml：允许使用非严格的 HTML 语法

完整的 pom.xml 如下：

    4.0.0

    cn.ishangit
    hello-spring-boot
    0.0.1-SNAPSHOT
    jar

    hello-spring-boot
    

    
        org.springframework.boot
        spring-boot-starter-parent
        2.0.2.RELEASE
         
    

    
        UTF-8
        UTF-8
        1.8
    

    
        
            org.springframework.boot
            spring-boot-starter-web
        
        
            org.springframework.boot
            spring-boot-starter-tomcat
        
        
            org.springframework.boot
            spring-boot-starter-thymeleaf
        
        
            org.springframework.boot
            spring-boot-starter-actuator
        
        
            org.springframework.boot
            spring-boot-starter-test
            test
        

        
            net.sourceforge.nekohtml
            nekohtml
            1.9.22
        
    

    
        
            
                org.springframework.boot
                spring-boot-maven-plugin
                
                    com.funtl.hello.spring.boot.HelloSpringBootApplication
                
            
        
    

在 application.yml 中配置 Thymeleaf

spring:
  thymeleaf:
    cache: false # 开发时关闭缓存,不然没法看到实时页面
    mode: HTML # 用非严格的 HTML
    encoding: UTF-8
    servlet:
      content-type: text/html

创建测试页面

创建测试的Conroller：SystemController.java

package cn.ishangit.hellospringboot.controller;

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

import java.util.ArrayList;
import java.util.List;

/**
 * @description:
 * @author: Chen
 * @create: 2019-06-20 13:50
 **/
@Controller
public class SystemController {

    @RequestMapping(value = "hello",method = RequestMethod.GET)
    public String hello(Model model){
        List list = new ArrayList();
        list.add("张三");
        list.add("李四");
        model.addAttribute("list",list);
        return "index";
    }
}

在resource/templates目录下创建测试首页index.html：

测试访问http://localhost:8080/hello：

提示：

Themleaf默认的解析前缀为classpath:/templetes/，后缀为.html。

默认静态资源放在static文件夹下。

修改 html 标签用于引入 thymeleaf 引擎，这样才可以在其他标签里使用 th:* 语法，声明如下：