在Spring Boot中使用Thymeleaf模板引擎

阿新 • • 發佈：2019-01-12

官網關於thymeleaf的介紹已經很詳細了！總結起來就一句話：thymeleaf使得同一個頁面模板對前端和後端都很友好（雙贏），對於前端來說它就是一個靜態頁面，對於後端來說它便是動態頁面！

thymeleaf是怎麼做到這一點的呢？ 其實thmeleaf提供了一堆侵入性很小的標籤給後端人員使用，這些標籤的插入位置全部都作為html標籤的屬性存在。對於瀏覽器來說這些非HTML標準屬性在渲染的時候會被瀏覽器自動忽略，因此對於前端人員來說它就是一個靜態頁面；而後端通過thymeleaf引擎渲染的時候這些標籤就會被識別，因此對於後端人員來說它又是動態頁面！

下面通過一個簡單的例子介紹如何在Spring Boot專案中使用thymeleaf。

thymeleaf的配置

1、在pom.xml檔案中新增依賴：

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

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

其中，spring-boot-starter-web用於支援web開發，spring-boot-starter-thymeleaf用於支援thymeleaf模板引擎。

2、配置屬性

其實完全可以直接使用，不用配置。但是Spring Boot官方文件建議在開發時將快取關閉，那就在application.properties檔案中加入下面這行就行了：

spring.thymeleaf.cache=false

一個簡單的例子

1、編寫User類

package com.tao.springboot.domain;

public class User {

    private String name;
    private int age;

    public User(String name, int age) {
        super();
        this.name = name;
        this.age = age;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

}

2、編寫Controller類

package com.tao.springboot.web.controller;

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

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 com.tao.springboot.domain.User;

@Controller
@RequestMapping("/user")
public class UserController {

    @RequestMapping(value = "/list", method = RequestMethod.GET)
    public String userList(Model model) throws Exception {
         model.addAttribute("title", "使用者列表");
         model.addAttribute("hello","Hello, Spring Boot!");
         List<User> userList = new ArrayList<>();
         userList.add(new User("小明", 25));
         userList.add(new User("小黃", 23));
         model.addAttribute("userList", userList);

         return "/user/list";
    }
}

3、建立thymeleaf模板檔案

thymeleaf在Spring Boot中預設的模板配置路徑為：src/main/resources/templates，因此我們在resources資料夾下面建立一個templates資料夾，然後建立/user/list.html檔案：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
<meta charset="UTF-8" />
<title th:text="${title}">標題</title>
</head>
<body>
    <h1 th:text="${hello}">hello</h1>
    <table>
        <tr>
            <th>姓名</th>
            <th>年齡</th>
        </tr>
        <tr th:each="user : ${userList}">
            <td th:text="${user.name}">小明</td>
            <td th:text="${user.age}">20</td>
        </tr>
    </table>

    <select>
        <option th:each="user : ${userList}" th:value="${user.name}" th:text="${user.name}">我是預設值</option>
    </select>

</body>
</html>

4、啟動程式

Spring Boot 整合 Thymeleaf 模板引擎

原文地址：Spring Boot 整合 Thymeleaf 模板引擎 Thymeleaf 是適用於 Web 和獨立環境的現代伺服器端 Java 模板引擎。 Thymeleaf 的主要目標是為開發帶來優雅的模板 - Thymeleaf 模板對於瀏覽器來說這些非HTML標準屬性在渲染

Spring Boot使用Thymeleaf模板引擎渲染web檢視

Spring Boot開發Web應用原創 2018-04-03 宗野 Spring Boot Spring Boot快速入門中我們完成了一個簡單的RESTfu

Spring Boot整合Thymeleaf模板引擎

一、Thymeleaf 模板介紹 Spring Boot 推薦使用Thymeleaf 來代替傳統開發中的JSP，那麼什麼是Thymeleaf 模板引擎呢？下面就來簡單的介紹一下。 1.1什麼是Thymeleaf Thymeleaf 是一款用於渲

Spring Boot2(五)：使用Spring Boot結合Thymeleaf模板引擎使用總結

一、Thymeleaf概述一般來說，常用的模板引擎有JSP、Velocity、Freemarker、Thymeleaf 。 SpringBoot推薦的 Thymeleaf – 語法更簡單，功能更強大； Thymeleaf是一種Java XML/XHTML/HTML5模板引擎，可以在Web和非Web環境中使用

spring boot集成模板引擎Thymeleaf中遇到的坑

固定 con sources index pac 調用 return div template 首先，所有html文件都要放在固定路徑下才能被正確讀取到，/main/java/resources/templates這個路徑下，而且html所有的標簽必須閉合，否則啟動報錯今

Spring Boot整合之模板引擎（Thymeleaf、Freemarker、jsp）

1. Thymeleaf模板 1.1 在pom.xml中新增Thymeleaf依賴  <dependency> <groupId>org.springframework.boot</groupId>

Spring Boot 整合之模板引擎（jsp、Freemarker 、Thymeleaf ）

整合JSP模板新增依賴建立 maven 工程，在 pom.xml 檔案中新增如下依賴： <dependency> <groupId>javax.servlet</groupId> <artifactId>

Spring Boot使用thymeleaf模板時報異常：template might not exist or might not be accessible by any of the configured Template Resolvers

logs pla 開頭 spring 方法 temp ring mode acc 錯誤如下： template might not exist or might not be accessible by any of the configured Template R

在Spring Boot中使用Thymeleaf模板引擎

thymeleaf的配置

一個簡單的例子

Spring Boot 整合 Thymeleaf 模板引擎

Spring Boot使用Thymeleaf模板引擎渲染web檢視

Spring Boot整合Thymeleaf模板引擎

Spring Boot2(五)：使用Spring Boot結合Thymeleaf模板引擎使用總結

spring boot集成模板引擎Thymeleaf中遇到的坑

Spring Boot整合之模板引擎（Thymeleaf、Freemarker、jsp）

Spring Boot 整合之模板引擎（jsp、Freemarker 、Thymeleaf ）

Spring Boot使用thymeleaf模板時報異常：template might not exist or might not be accessible by any of the configured Template Resolvers

Spring Boot使用Freemarker模板引擎渲染web檢視

spring boot使用thymeleaf模板的方法詳解

spring-boot--使用thymeleaf模板

Spring Boot整理——Thymeleaf模板

如何去掉Spring Boot 的thymeleaf模版引擎強制校驗

在Spring Boot中使用Thymeleaf模板引擎

Thymeleaf 模板在spring boot 中的引用和應用

spring boot Thymeleaf模板引擎最簡單輸出例子

Spring Boot 2.0 整合Thymeleaf 模板引擎

spring boot: thymeleaf模板引擎使用

Spring MVC中使用Thymeleaf模板引擎

Spring Boot學習筆記-Thymeleaf模板引擎的配置

在Spring Boot中使用Thymeleaf模板引擎

thymeleaf的配置

一個簡單的例子

相關推薦