1. 程式人生 > 程式設計 >Spring Boot整合Thymeleaf的方法

Spring Boot整合Thymeleaf的方法

一、Java模板引擎

模板引擎(這裡特指用於Web開發的模板引擎)是為了使使用者介面與業務資料(內容)分離而產生的,它可以生成特定格式的文件,用於網站的模板引擎就會生成一個標準的HTML文件。

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

雖然隨著前後端分離的崛起和流行,模板引擎已遭受到冷落,但不少舊專案依然使用java的模板引擎渲染介面,而偶爾自己寫一些練手專案,使用模板引擎也比起前後端分離要來的快速。

本系列會分別講解SpringBoot怎麼整合JSP、Thymeleaf和FreeMarker,至於Velocity,高版本的SpringBoot已經不支援Velocity了,這裡也就不進行講解了。

而這一篇,主要講解Spring Boot如何整合Thymeleaf。

二、Spring Boot整合Thymeleaf

首先我們要引入依賴,除了核心的web依賴外,只需引入thymeleaf的statrer即可。

<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檔案作為演示。

接著再建立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,可以看到已經可以展示頁面資訊了。

原始碼地址:https://github.com/imyanger/springboot-project/tree/master/p18-springboot-thymeleaf

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。