Spring BootのThymeleafを2.x系から3.x系に変更してみる

Spring Bootで「spring-boot-starter-thymeleaf」を利用している場合、デフォルトでは2.x系が使われているようです。

Spring Boot Reference Guide

f:id:ts0818:20170914215406j:plain

ガイドにある通りに設定すれば、Tyhmeleaf 3系が使えるようになるようです。

pom.xmlの編集

Eclipseを起動して、Spring Bootで作成したプロジェクトの中の「pom.xml」を開いて、下のタブから「依存関係階層」を選択します。

f:id:ts0818:20170914215906j:plain

右側の「解決済み依存関係」を見てみると、

f:id:ts0818:20170914220151j:plain

たしかに、「thymeleaf」のバージョンが2系になっています。

Spring Boot Reference Guide のサイトにあるように、pom.xmlを編集していく感じになります。

<properties>
    <thymeleaf.version>3.0.2.RELEASE</thymeleaf.version>
    <thymeleaf-layout-dialect.version>2.1.1</thymeleaf-layout-dialect.version>
</properties>

自分のプロジェクトのSpring Bootで、どのバージョンが追加できるのか確認します。「pom.xml」の下のタブから「依存関係」を選択し、「依存関係」のほうの「追加...」をクリック。

f:id:ts0818:20170914221329j:plain

「org.thymeleaf」はバージョンが「3.0.7.RELEASE」までいけるみたいです。「キャンセル」をクリックして、

f:id:ts0818:20170914221443j:plain

次に、「thymeleaf-layout-dialect」のバージョンも確認。「2.2.2」までいけるようです。「キャンセル」をクリック。

f:id:ts0818:20170914221558j:plain

 下のタブで「pom.xml」を選択し、 

<?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.example</groupId>
	<artifactId>addressBook</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<packaging>jar</packaging>

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

	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>1.5.6.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-data-jpa</artifactId>
		</dependency>
		<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>mysql</groupId>
			<artifactId>mysql-connector-java</artifactId>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>org.projectlombok</groupId>
			<artifactId>lombok</artifactId>
			<optional>true</optional>
		</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>

となっている、<properties>タグの部分を、

<?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.example</groupId>
	<artifactId>addressBook</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<packaging>jar</packaging>

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

	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>1.5.6.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>
		<thymeleaf.version>3.0.7.RELEASE</thymeleaf.version>
    <thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version>
	</properties>

	<dependencies>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-data-jpa</artifactId>
		</dependency>
		<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>mysql</groupId>
			<artifactId>mysql-connector-java</artifactId>
			<scope>runtime</scope>
		</dependency>
		<dependency>
			<groupId>org.projectlombok</groupId>
			<artifactId>lombok</artifactId>
			<optional>true</optional>
		</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>

としたら、保存します。「pom.xml」の下のタブから「依存関係階層」を選択し、右側の「解決済み依存関係」を確認すると、「thymeleaf」関連が3系になっています。

f:id:ts0818:20170914222137j:plain

あとは、Eclipseの「パッケージ・エクスプローラー」でプロジェクトの中の「src/main/resources」>「application.properties」ファイルを開き、

f:id:ts0818:20170914222433j:plain

「spring.thymeleaf.mode=HTML」を追記します。

# データベース関連の設定
spring.datasource.driverClassName=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/address_book
spring.datasource.username=root
spring.datasource.password=root

# Thymeleafの設定
spring.thymeleaf.mode=HTML

f:id:ts0818:20170914222837j:plain

これで、いままで、閉じタグのないタグには「/」をつけなければエラーになっていたのが、エラーにならなくなります。<meta charset="UTF-8" />としていたのを、通常のHTML5の記述、<meta charset="UTF-8" >でいけるようになります。

 

Spring Boot 1.4でThymeleaf 3.0系を使うための設定方法 - Qiita

Spring Boot Reference Guide

 

⇩  pom.xmlservlet-context.xmlを使う場合の設定は下記サイトへ

Spring(4.3.2)でthymeleaf(3.0.1)を使用 - Qiita