1. 程式人生 > >Spring Boot 2.0 整合Thymeleaf 模板引擎

Spring Boot 2.0 整合Thymeleaf 模板引擎

reporting 配置信息 name www. title 建模 type 引擎 suffix

本節將和大家一起實戰Spring Boot 2.0 和thymeleaf 模板引擎

1. 創建項目

技術分享圖片

2. 使用Spring Initlizr 快速創建Spring Boot 應用程序

技術分享圖片

3. 填寫項目配置信息

技術分享圖片

4. 添加Web 模塊

技術分享圖片

5. 添加thymeleaf 模塊

技術分享圖片

6. 項目保存路徑

技術分享圖片

7. POM.xml 添加thymeleaf依賴

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation
="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>com.xingyun</groupId> <artifactId>srping-boot-with-thymeleaf-sample</artifactId> <version>0.0.1-SNAPSHOT</version> <packaging>jar</packaging> <name>srping-boot-with-thymeleaf-sample</name> <description>Demo project for
Spring Boot</description> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.0.1.RELEASE</version> <relativePath/> <!-- lookup parent from repository --> </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-thymeleaf</artifactId> </dependency> <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> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </build> </project>

8. 配置application.properties

spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.servlet.content-type=text/html
# 關閉緩存,即時刷新,上線生產環境需改成true
spring.thymeleaf.cache=false

9. 創建模板文件

技術分享圖片

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

this is index.html
</body>
</html>

welcome.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
this is welcome.html
</body>
</html>

10.創建Controller

package com.xingyun.srpingbootwiththymeleafsample;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class HomeController {

    @GetMapping(value = "/")
    public String index(){
        return "/views/index";
    }

    @GetMapping(value = "/welcome")
    public String welcome(){
        return "/views/welcome";
    }
}

11. 訪問 http://127.0.0.1:8080

技術分享圖片

12. 訪問http://127.0.0.1:8080/welcome

技術分享圖片

本篇博文源碼

Spring Boot 2.0 整合Thymeleaf 模板引擎