SpringBoot系列：Spring Boot使用模板引擎Thymeleaf

時間 2019-11-11

標籤 springboot 系列 spring boot 使用模板引擎 thymeleaf 欄目 Spring 简体版

原文原文鏈接

1、Java模板引擎

模板引擎（這裏特指用於Web開發的模板引擎）是爲了使用戶界面與業務數據（內容）分離而產生的，它能夠生成特定格式的文檔，用於網站的模板引擎就會生成一個標準的HTML文檔。html

在java中，主要的模板引擎有JSP、Thymeleaf、FreeMarker、 Velocity等。java

雖然隨着先後端分離的崛起和流行，模板引擎已遭受到冷落，但很多舊項目依然使用java的模板引擎渲染界面，而偶爾本身寫一些練手項目，使用模板引擎也比起先後端分離要來的快速。git

本系列會分別講解SpringBoot怎麼集成JSP、Thymeleaf和FreeMarker，至於Velocity，高版本的SpringBoot已經不支持Velocity了，這裏也就不進行講解了。github

而這一篇，主要講解Spring Boot如何集成Thymeleaf。web

1、Spring Boot集成Thymeleaf

首先咱們要引入依賴，除了核心的web依賴外，只需引入thymeleaf的statrer便可。spring

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

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

而後就是配置文件了。spring.thymeleaf下配置視圖文件目錄prefix以及文件後綴suffix，若是是本地開發，cache能夠設置爲false關閉緩存，避免修改文件後須要從新啓動服務。後端

server:
  port: 10900

spring:
  profiles:
    active: dev
  thymeleaf:
    prefix: classpath:/templates/
    check-template-location: true #是否檢查模板位置是否存在
    suffix: .html
    encoding: utf-8 #模板編碼
    servlet:
      content-type: text/html
    mode: HTML5
    cache: false #禁用緩存，本地開發設置爲false，避免修改後重啓服務器

而後resoucres目錄下新建templates目錄，分別新建了hello.html和mv.html文件。緩存

<h3>hello thymeleaf</h3>

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <h3>mv thymeleaf</h3>
    <span>I'm <span th:text="${name}"></span> from mv method</span>
</html>

這裏主要講解如何集成Thymeleaf，不對Thymeleaf語法作過多的講解，因此僅僅提供了兩個簡單的html文件做爲演示。springboot

接着再建立Controller類路由頁面，該類十分簡單，跳轉hello頁面，以及攜帶name=imyang跳轉mv頁面。服務器

@Controller
@RequestMapping("index")
public class IndexApi {

    @RequestMapping("/hello")
    public String hello(){
        return "hello";
    }

    @RequestMapping("/mv")
    public ModelAndView mv(){
        ModelAndView mv = new ModelAndView("mv");
        mv.addObject("name","yanger");
        return mv;
    }

}

啓動項目，分別訪問http://localhost:10900/index/hello和http://localhost:10900/index/mv，能夠看到已經能夠展現頁面信息了。