1.事前知識

【初心者でもできる‼】Windows10にEclipseをインストールする方法（Java環境構築）

事前知識として、上記リンクの内容が必要です。

2.事前準備

Eclipseを起動する。
[ウィンドウ(W)]→[パースペクティブを開く]→[その他] を選択する。
JavaEE を選択して、 開く ボタンをクリックする。
[ヘルプ(H)]→[Eclipse マーケットプレース(M)...] を選択する。　　　
Spring Tools 4 (aka Spring Tool Suite 4) 4.7.0.RELEASE を インストール する。

3.Spring Boot プロジェクトの作成

フォルダ構成

Hello
└─ src
     └─ main
          ├─ java
          │   └─ com
          │        └─ example
          │             └─ demo
          │                  ├─ HelloController.java
          │                  └─ HelloApplication.java
          └─ resources
               ├─ application.properties
               │  
               ├─ static
               └─ templates
                    └─ index.html

HelloController.java

package com.example.demo;

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

@Controller
public class HelloController {
    @RequestMapping(value = "/", method = RequestMethod.GET)
    public String index(Model model) {
        model.addAttribute("message", "Hello Springboot");
        return "index";
    }
}

index.html

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>Hello</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>Hello World</h1>
    <p>
      <span th:text="${message}"></span>!!!
    </p>
  </body>
</html>

[ファイル(F)]→[新規(N)]→[Spring スターター・プロジェクト] を選択する。
名前に Hello と入力し、 次へ(N) > ボタンをクリックする。
[テンプレート・エンジン]→[Thymeleaf] と [Web]→[Spring Web] を選択し、完了 ボタンをクリックする。　　　
com.example.demo を右クリックして [新規(N)]→[クラス] 選択する。
名前に HelloController と入力し、 完了(F) ボタンをクリックする。
templates を右クリックして [新規(N)]→[その他] 選択する。
[Web]→[HTML ファイル] を選択し、次へ ボタンをクリックする。　
ファイル名(M) に index.html と入力し、 完了(F) ボタンをクリックする。　
Hello [boot] を右クリックして [実行(R)]→[5 Maven install] 選択する。
※ HelloController.java と index.html は上記に記載。

[INFO] ------------------------------------------------------------------------
[INFO] BUILD SUCCESS
[INFO] ------------------------------------------------------------------------
[INFO] Total time:  4.125 s
[INFO] Finished at: 2020-07-05T21:50:22+09:00
[INFO] ------------------------------------------------------------------------

10.コンソール に上記の文が表示されれば成功。　

11.Hello [boot] を右クリックして [実行(R)]→[9 Spring Boot アプリケーション] 選択する。

12. localhost:8080 にアクセスし、画像のように表示されれば成功。

4.GitHub

GitHubにソースコードを公開しています。

5.関連