1. 程式人生 > >SpringBoot1.5.12.RELEASE整合Thymeleaf

SpringBoot1.5.12.RELEASE整合Thymeleaf

SpringBoot1.5.12.RELEASE整合Thymeleaf

1.首先匯入Thymeleaf的場景啟動器,也就Maven座標

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

1.1 SpringBoot1.5.12.RELEASE版本預設Thymeleaf的版本是2.x.x,如果想修改Thymeleaf的預設版本,可以參考如下配置,如果不想修改,可不配置

<properties>
		<thymeleaf.version>3.0.9.RELEASE</thymeleaf.version>
		<!-- 佈局功能的支援程式  thymeleaf3主程式  layout2以上版本 -->
		<!-- thymeleaf2   layout1-->
		<thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
 </properties>

3.在application.properties中可以配置thymeleaf模板解析器屬性

####  thymeleaf配置   #######
#thymeleaf start
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
#開發時關閉快取,不然沒法看到實時頁面
spring.thymeleaf.cache=false
#thymeleaf end
# 預設路徑
spring.thymeleaf.prefix=classpath:/templates/
# 字尾
spring.thymeleaf.suffix=.html
spring.thymeleaf.enabled=true

4.其實不必application.properties中配置thymeleaf模板解析器屬性,因為預設已經配置了,只要我們把HTML頁面放在classpath:/templates/,thymeleaf就能自動渲染;

@ConfigurationProperties(prefix = "spring.thymeleaf")
public class ThymeleafProperties {

	private static final Charset DEFAULT_ENCODING = Charset.forName("UTF-8");

	private static final MimeType DEFAULT_CONTENT_TYPE = MimeType.valueOf("text/html");

	public static final String DEFAULT_PREFIX = "classpath:/templates/";

	public static final String DEFAULT_SUFFIX = ".html";

5.按照上面步驟就整合成功了,下面就是如何使用Thymeleaf,首先在html檔案中引入thymeleaf的名稱空間,方便提示

<html lang="en" xmlns:th="http://www.thymeleaf.org">

6.簡單使用,具體的Thymeleaf的語法,後續再說

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>成功!</h1>
    <!--th:text 將div裡面的文字內容設定為 -->
    <div th:text="${hello}">這是顯示歡迎資訊</div>
</body>
</html>