「Spring Tool Suite」を使用して「Spring boot + Thymeleaf」で簡単なWeb画面を作成してみたので、その時の手順を残します。

環境

Pleiades All in One Eclipse（リリース 2021-06）
Spring Tool Suite (STS) 4.11.0

「Pleiades All in One Eclipse」と「Spring Tool Suite (STS)」のインストールについては前回の記事「EclipseにSpring Tool Suiteのプラグインをインストールする方法」を参照してください。

やってみた手順

1. Eclipseのプロジェクトの作成

Eclipseを起動し、メニューから「ファイル」ー「新規」－「Spring スターター・プロジェクト」を選択します。

「新規 Spring スターター・プロジェクト」で「Java バージョン」に「8」を選択、それ以外はデフォルトのままで、「次へ」をクリックします。

「新規 Spring スターター・プロジェクト依存関係」で「Spring Boot バージョン」で「2.5.2」を選択、「テンプレートエンジン」の「Thymeleaf」をチェック、「Web」の「Spring Web」をチェックし、「次へ」をクリックします。

そのまま「完了」をクリックします。

「demo」プロジェクトが作成されます。

2. 「ようこそ！Spring boot + Thymeleafへ！」のページ作成

http://localhost:8080/ にアクセスすると、「ようこそ！Spring boot + Thymeleafへ！」のページが表示されるサンプルを作成します。

「com.example.demo」パッケージ配下に、以下の「DemoController.java」を作成します。

DemoController.java

package com.example.demo;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class DemoController {

    @RequestMapping("/")
    public String index(Model model) {
        model.addAttribute("message", "ようこそ！Spring boot + Thymeleafへ！");
        return "index";
    }
}

「src/main/resources/templates」配下に、以下の「index.html」を作成します。

index.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>トップページ</title>
</head>
<body>
    <p th:text="${message}"></p>
</body>
</html>

3. Spring Boot アプリケーションの実行

作成した「demo」プロジェクトを右クリックし、「実行」－「Spring Boot アプリケーション」を選択します。

EclipseのコンソールウィンドウにSpring Bootの起動ログが出力されます。

コンソール


  .   ____          _            __ _ _
 /\\ / ___'_ __ _ _(_)_ __  __ _ \ \ \ \
( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \
 \\/  ___)| |_)| | | | | || (_| |  ) ) ) )
  '  |____| .__|_| |_|_| |_\__, | / / / /
 =========|_|==============|___/=/_/_/_/
[32m :: Spring Boot :: [39m              [2m (v2.5.2)[0;39m

[2m2021-07-06 23:45:47.817[0;39m [32m INFO[0;39m [35m7592[0;39m [2m---[0;39m [2m[           main][0;39m [36mcom.example.demo.DemoApplication        [0;39m [2m:[0;39m Starting DemoApplication using Java 1.8.0_202 on yasushi-PC with PID 7592 (C:\DK\pleiades-2021-06-java\pleiades\workspace\demo\target\classes started by yasushi in C:\DK\pleiades-2021-06-java\pleiades\workspace\demo)
[2m2021-07-06 23:45:47.820[0;39m [32m INFO[0;39m [35m7592[0;39m [2m---[0;39m [2m[           main][0;39m [36mcom.example.demo.DemoApplication        [0;39m [2m:[0;39m No active profile set, falling back to default profiles: default
[2m2021-07-06 23:45:48.471[0;39m [32m INFO[0;39m [35m7592[0;39m [2m---[0;39m [2m[           main][0;39m [36mo.s.b.w.embedded.tomcat.TomcatWebServer [0;39m [2m:[0;39m Tomcat initialized with port(s): 8080 (http)
[2m2021-07-06 23:45:48.479[0;39m [32m INFO[0;39m [35m7592[0;39m [2m---[0;39m [2m[           main][0;39m [36mo.apache.catalina.core.StandardService  [0;39m [2m:[0;39m Starting service [Tomcat]
[2m2021-07-06 23:45:48.479[0;39m [32m INFO[0;39m [35m7592[0;39m [2m---[0;39m [2m[           main][0;39m [36morg.apache.catalina.core.StandardEngine [0;39m [2m:[0;39m Starting Servlet engine: [Apache Tomcat/9.0.48]
[2m2021-07-06 23:45:48.543[0;39m [32m INFO[0;39m [35m7592[0;39m [2m---[0;39m [2m[           main][0;39m [36mo.a.c.c.C.[Tomcat].[localhost].[/]      [0;39m [2m:[0;39m Initializing Spring embedded WebApplicationContext
[2m2021-07-06 23:45:48.543[0;39m [32m INFO[0;39m [35m7592[0;39m [2m---[0;39m [2m[           main][0;39m [36mw.s.c.ServletWebServerApplicationContext[0;39m [2m:[0;39m Root WebApplicationContext: initialization completed in 682 ms
[2m2021-07-06 23:45:48.758[0;39m [32m INFO[0;39m [35m7592[0;39m [2m---[0;39m [2m[           main][0;39m [36mo.s.b.a.w.s.WelcomePageHandlerMapping   [0;39m [2m:[0;39m Adding welcome page template: index
[2m2021-07-06 23:45:48.852[0;39m [32m INFO[0;39m [35m7592[0;39m [2m---[0;39m [2m[           main][0;39m [36mo.s.b.w.embedded.tomcat.TomcatWebServer [0;39m [2m:[0;39m Tomcat started on port(s): 8080 (http) with context path ''
[2m2021-07-06 23:45:48.859[0;39m [32m INFO[0;39m [35m7592[0;39m [2m---[0;39m [2m[           main][0;39m [36mcom.example.demo.DemoApplication        [0;39m [2m:[0;39m Started DemoApplication in 1.337 seconds (JVM running for 1.833)

http://localhost:8080/ にアクセスすると、「ようこそ！Spring boot + Thymeleafへ！」のページが表示されます。

コンソールウィンドウの以下の停止ボタンをクリックすると、Spring Boot アプリケーションが停止します。

以上

次回はページからページの遷移、遷移時のパラメータの受け渡しを試してみたいと思います。
【「Spring Tool Suite」を使用して「Spring boot + Thymeleaf」でWeb画面を作成し画面遷移（ページ遷移）をさせる】