【SpringBoot】SpringBoot整合Thymeleaf模板引擎

時間 2019-11-07

標籤 SpringBoot springboot 整合 thymeleaf 模板引擎欄目 Spring 简体版

原文原文鏈接

Thymeleafhtml

Thymeleaf是跟Velocity、FreeMarker相似的模板引擎，它能夠徹底替代JSP，相較與其餘的模板引擎，它主要有如下幾個特色：前端

1. Thymeleaf在有網絡和無網絡的環境下皆可運行，即它可讓美工在瀏覽器查看頁面的靜態效果，也可讓程序員在服務器查看帶數據的動態頁面效果。這是因爲它支持 html 原型，而後在 html 標籤裏增長額外的屬性來達到模板+數據的展現方式。瀏覽器解釋 html 時會忽略未定義的標籤屬性，因此thymeleaf的模板能夠靜態地運行；當有數據返回到頁面時，Thymeleaf 標籤會動態地替換掉靜態內容，使頁面動態顯示。java

2. Thymeleaf開箱即用的特性。它提供標準和spring標準兩種方言，能夠直接套用模板實現JSTL、OGNL表達式效果，避免天天套模板、改jstl、改標籤的困擾。同時開發人員也能夠擴展和建立自定義的方言。程序員

3. Thymeleaf提供spring標準方言和一個與SpringMVC完美集成的可選模塊，能夠快速的實現表單綁定、屬性編輯器、國際化等功能。spring

官網：http://www.thymeleaf.org瀏覽器

Thymeleaf整合SpringBootspringboot

1. 在pom.xml文件引入thymeleaf服務器

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

2. 在application.properties（xxx.yml）文件中配置thymeleaf網絡

# thymeleaf 
spring.thymeleaf.prefix=classpath:/templates/ 
spring.thymeleaf.check-template-location=true 
spring.thymeleaf.suffix=.html 
spring.thymeleaf.encoding=UTF-8 
spring.thymeleaf.content-type=text/html 
spring.thymeleaf.mode=HTML5 
spring.thymeleaf.cache=false

3. 新建編輯控制層代碼HelloController，在request添加了name屬性，返回到前端hello.html再使用thymeleaf取值顯示app

@Controller 
public class HelloController {

    @RequestMapping("/hello") 
    public String hello(HttpServletRequest request, @RequestParam(value = "name", defaultValue = "springboot-thymeleaf") String name) { 
        request.setAttribute("name", name); 
        return "hello"; 
    } 
}

4. 新建編輯模板文件，在resources文件夾下的templates目錄，用於存放HTML等模板文件，在這新增hello.html，添加以下代碼

<!DOCTYPE html> 
<html lang="en" xmlns:th="http://www.thymeleaf.org"> 
    <head> 
        <meta charset="UTF-8"/> 
        <title>springboot-thymeleaf demo</title> 
    </head> 
    <body> 
        <p th:text="'hello, ' + ${name} + '!'" /> 
    </body> 
</html>

切記：使用Thymeleaf模板引擎時，必須在html文件上方添加該行代碼使用支持Thymeleaf

<html lang="en" xmlns:th="http://www.thymeleaf.org">

5. 啓動項目，訪問http://localhost:8080/hello，看到以下顯示證實SpringBoot整合Thymeleaf成功

做者注：原文發表在公號（點擊查看），目前就任阿里，按期分享IT互聯網、金融等工做經驗心得、人生感悟，歡迎訂閱交流，須要大廠內推的也可到公號砸簡歷。

相關標籤/搜索

springboot+mybatis+mysql+thymeleaf

springboot+shiro+mybatis+thymeleaf

springboot+thymeleaf+mybatis

springboot+mybatis+thymeleaf+vue

springboot+thymeleaf+security+vue

thymeleaf+springboot+mybatis

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。