SpringBoot2.x整合Thymeleaf

亡梦爱人 提交于 2020-02-23 03:28:19

一、Thymeleaf简介

Thymeleaf是一个流行的模板引擎,该模板引擎采用Java语言开发,除了thymeleaf之外还有Velocity、FreeMarker等模板引擎,功能类似。Thymeleaf是用来开发Web和独立环境项目的服务器端的Java模版引擎;Spring官方支持的服务的渲染模板中,并不包含jsp。而是Thymeleaf和Freemarker等,而Thymeleaf与SpringMVC的视图技术,及SpringBoot的自动化配置集成非常完美,几乎没有任何成本,你只用关注Thymeleaf的语法即可。

Thymeleaf的特点

  • 动静结合:Thymeleaf 在有网络和无网络的环境下皆可运行,即它可以让美工在浏览器查看页面的静态效果,也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型,然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性,所以 thymeleaf 的模板可以静态地运行;当有数据返回到页面时,Thymeleaf 标签会动态地替换掉静态内容,使页面动态显示。

  • 开箱即用:它提供标准和spring标准两种方言,可以直接套用模板实现JSTL、 OGNL表达式效果,避免每天套模板、该jstl、改标签的困扰。同时开发人员也可以扩展和创建自定义的方言。

  • 多方言支持:Thymeleaf 提供spring标准方言和一个与 SpringMVC 完美集成的可选模块,可以快速的实现表单绑定、属性编辑器、国际化等功能。

  • 与SpringBoot完美整合,SpringBoot提供了Thymeleaf的默认配置,并且为Thymeleaf设置了视图解析器,我们可以像以前操作jsp一样来操作Thymeleaf。代码几乎没有任何区别,就是在模板语法上有区别。

 

二、在SpringBoot中集成Thymeleaf

1、添加依赖

       <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
       <!-- thymeleaf会对html中的标签进行严格校验,如果html标签缺少结束标签的话,thymeleaf会报错,我们可以通过下面方式去除thymeleaf的校验 -->
        <dependency>
            <groupId>net.sourceforge.nekohtml</groupId>
            <artifactId>nekohtml</artifactId>
            <version>1.9.22</version>
        </dependency>

 

2、properties配置

application.properties文件内容如下:

server.port=8080
spring.application.name=springboot-thymeleaf
#开发时建议关闭Thymeleaf缓存
spring.thymeleaf.cache=false

 

3、编写测试Controller

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

@Controller
@RequestMapping
public class ThymeleafController {

    @RequestMapping("index")
    public String index(Model model){
        model.addAttribute("msg", "Hello Thymeleaf");
        return "index";
    }
}

 

4、编写测试Thymeleaf模板文件

在resources下新建 templates文件夹,在templates文件夹下新建html5文件index.html

index.html文件内容如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>springboot2.x整合Thymeleaf</title>
</head>
<body>
<h1 th:text="${msg}">来看下效果</h1>
<!-- 非H5页面可以使用如下指令 -->
<h1 data-th-text="${msg}">来看下效果</h1>
</body>
</html>

SpringBoot使用Thymeleaf作为视图,模板文件放置在resources/templates目录下,静态资源放置在resources/static目录下,这是默认配置,会自动生效。

从自动装配的代码中可以看出:

 

 

5、编写SpringBoot启动类

@SpringBootApplication
public class ThymeleafApplication {

    public static void main(String[] args) {
        SpringApplication.run(ThymeleafApplication.class, args);
    }
}

运行该程序,浏览器访问:http://127.0.0.1:8080/index

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!