Spring Boot 教程：Thymeleaf

時間 2020-09-29

標籤 spring boot 教程 thymeleaf 欄目 Spring 简体版

原文原文鏈接

【注】本文譯自：https://www.tutorialspoint.com/spring_boot/spring_boot_thymeleaf.htmcss

Thymeleaf 是一個基於 Java 的庫【譯註：模板引擎】，可用於建立 web 應用。它對於 web 應用中的 XHTML/HTML5 提供了良好的支持。在本文中，你將學會有關 Thymeleaf 細節。html

Thymeleaf 模板

Thymeleaf 將你的文件轉換成格式良好的 XML 文件。它包含如下 6 種類型的模板：java

XML
有效 XML
XHTML
有效 XHTML
HTML5
遺留 HTML5
除了遺留 HTML5 之外的全部模板均可參閱有效的 XML 文件。遺留 HTML5 容許咱們在 web 頁中渲染 HTML5 標籤，包括沒閉合的標籤。web

Web 應用

你能夠使用 Thymeleaf 模板在 Spring Boot 中建立 web 應用，須要如下幾個步驟。spring

使用如下代碼建立一個 @Controller 類文件以重定向請求 URI 到 HTML 文件：apache

package com.tutorialspoint.demo.controller;

  

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

  

@Controller

public class WebController {

 @RequestMapping(value = "/index")

 public String index() {

 return "index";

 }

}

在上述例子中，請求 URI 爲 /index，控制重定向到 index.html 文件。注意，index.html 文件應當放到 templates 目錄下面，全部的 JS 和 CSS 文件應當放到 classpath 路徑下的 static 目錄。在示例中，咱們使用 CSS 文件改變文本顏色瀏覽器

你能夠使用如下代碼在一個獨立的目錄中建立 CSS 文件，文件名爲 styles.css：bash

h4 {

 color: red;

}

index.html 文件的代碼以下：app

<!DOCTYPE html>

<html>

 <head>

 <meta charset = "ISO-8859-1" />

 <link href = "css/styles.css" rel = "stylesheet"/>

 <title>Spring Boot Application</title>

 </head>

 <body>

 <h4>Welcome to Thymeleaf Spring Boot web application</h4>

 </body>

</html>

項目瀏覽器的截屏以下所示：eclipse

如今，咱們須要在咱們的構建配置文件中加上 Spring Boot Starter Thymeleaf 依賴。

Maven 用戶能夠將下面的依賴加入 pom.xml 文件：

<dependency>

 <groupId>org.springframework.boot</groupId>

 <artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>

Gradle 用戶能夠在 build.gradle 文件中加入如下依賴：

compile group: 'org.springframework.boot', name: 'spring-boot-starter-thymeleaf'

主 Spring Boot 應用類代碼以下所示：

package com.tutorialspoint.demo;

  

import org.springframework.boot.SpringApplication;

import org.springframework.boot.autoconfigure.SpringBootApplication;

  

@SpringBootApplication

public class DemoApplication {

 public static void main(String[] args) {

 SpringApplication.run(DemoApplication.class, args);

 }

}

Maven – pom.xml 代碼以下：

<?xml version = "1.0" encoding = "UTF-8"?>

<project xmlns = "[http://maven.apache.org/POM/4.0.0](http://maven.apache.org/POM/4.0.0)" 

 xmlns:xsi = "[http://www.w3.org/2001/XMLSchema-instance](http://www.w3.org/2001/XMLSchema-instance)"

 xsi:schemaLocation = "[http://maven.apache.org/POM/4.0.0](http://maven.apache.org/POM/4.0.0) 

 [http://maven.apache.org/xsd/maven-4.0.0.xsd](http://maven.apache.org/xsd/maven-4.0.0.xsd)">

 <modelVersion>4.0.0</modelVersion>

 <groupId>com.tutorialspoint</groupId>

 <artifactId>demo</artifactId>

 <version>0.0.1-SNAPSHOT</version>

 <packaging>jar</packaging>

 <name>demo</name>

 <description>Demo project for Spring Boot</description>

  

 <parent>

 <groupId>org.springframework.boot</groupId>

 <artifactId>spring-boot-starter-parent</artifactId>

 <version>1.5.8.RELEASE</version>

 <relativePath />

 </parent>

  

 <properties>

 <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>

 <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>

 <java.version>1.8</java.version>

 </properties>

  

 <dependencies>

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

 </dependencies>

  

 <build>

 <plugins>

 <plugin>

 <groupId>org.springframework.boot</groupId>

 <artifactId>spring-boot-maven-plugin</artifactId>

 </plugin>

 </plugins>

 </build>

</project>

Gradle – build.gradle 代碼以下：

buildscript {

 ext {

 springBootVersion = '1.5.8.RELEASE'

 }

 repositories {

 mavenCentral()

 }

 dependencies {

 classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}")

 }

}

  

apply plugin: 'java'

apply plugin: 'eclipse'

apply plugin: 'org.springframework.boot'

  

group = 'com.tutorialspoint'

version = '0.0.1-SNAPSHOT'

sourceCompatibility = 1.8

  

repositories {

 mavenCentral()

}

dependencies {

 compile('org.springframework.boot:spring-boot-starter-web')

 compile group: 'org.springframework.boot', name: 'spring-boot-starter-thymeleaf'

 testCompile('org.springframework.boot:spring-boot-starter-test')

}

如今你能夠使用 Maven 或 Gradle 命令建立可執行 executable JAR 文件並運行 Spring Boot 應用了：

Maven 命令以下：