LoginSignup
0
0

More than 1 year has passed since last update.

IntelliJでSpringBootのWebアプリケーション開発

Posted at

環境

項目
開発環境 IntelliJ IDEA 2022.1.4 (Ultimate Edition)
SpringBoot 2.7.2
Java 11

プロジェクトの作成

IntellJの新規プロジェクト作成でSpring Initializrを選択して以下のように入力。

スクリーンショット 2022-08-06 13.02.22.png

シンプルにSpring WebThymeleafだけを選択します。

スクリーンショット 2022-08-06 13.03.18.png

作成をクリックするとプロジェクトが作成されます。

スクリーンショット 2022-08-06 13.07.29.png

実行

実行をクリックするともう起動できる状態になっている!

スクリーンショット 2022-08-06 13.07.45.png

スクリーンショット 2022-08-06 13.08.10.png

以下にアクセスしてみると。

http://localhost:8080

もしろんページの実装がないのでエラーになりますが・・・

スクリーンショット 2022-08-06 13.09.50.png

トップページを作成

コントローラを作成

controllerというパッケージを作成する。
名前はappとかでも良いです。

スクリーンショット 2022-08-06 13.14.59.png

スクリーンショット 2022-08-06 13.15.13.png

controllerの下にIndexController.javaファイルを作成します。

スクリーンショット 2022-08-06 13.15.30.png

スクリーンショット 2022-08-06 13.15.53.png

内容な以下のように書き換えます。

IndexController.java
package com.ykdevs.springsample.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class IndexController {

    @GetMapping("/")
    public String index() {
        return "index";
    }
}

テンプレートを作成

main/java/resources/templates以下にindex.htmlを作成します。

スクリーンショット 2022-08-06 13.20.13.png

スクリーンショット 2022-08-06 13.22.10.png

内容は以下のようにします。

index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test Page</title>
</head>
<body>
Hello World!!
</body>
</html>

実行する

スクリーンショット 2022-08-06 13.24.07.png

こんどはちゃんと表示されます。

スクリーンショット 2022-08-06 13.24.29.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0