1
0

Spring スタータ・プロジェクト (Spring Initializer) メモ(eclipse2023)

Last updated at Posted at 2024-03-19

Eclipse2023 使って Spring スタータ・プロジェクト (Spring Initializer) よりプロジェクト作るときの簡易メモ
依存関係はデフォルトから Thmeleaf だけ追加してます

環境

  • windows11
  • Eclipse2023 (pleiades)
  • Spring Boot 3.2.3 (Maven)
  • Java21

やったこと(手順的なやつ)

プロジェクト作成

  1. Eclipse で Spring スタータ・プロジェクト(Spring Initializer) の新規作成
    [ファイル] - [新規] - [Spring スタータ・プロジェクト(Spring Initializer)] をクリック
    image.png

  2. 設定のダイアログ① は以下の設定を行い [次へ] をクリック
    名前:任意でOK
    タイプ:Maven ※環境合わせるため
    image.png

  3. 設定のダイアログ② は以下の設定を行い [完了] をクリック
    依存関係:Thmeleaf チェック追加(他はデフォルトでOK, 以下が参考)
    image.png

  4. プロジェクト demo1 が作られる(表示されればOK)
    image.png

  5. コントローラのパッケージ作成
    src/main/java/com/example/democontroller を作成
    [demo1] - [src/main/java] - [com.example.demo] 右クリック - [新規] - [パッケージ]
    ダイアログの [名前] に com.example.demo.controller を入力 - [完了] をクリック
    image.png

  6. 作ったパッケージに HomeController.java 作成
    [controller] 右クリック - [新規] - [クラス]をクリック
    ダイアログの[名前]に HomeController を入力 - [完了]をクリック
    ファイルの内容は入力

    HomeController
    package com.example.demo.controller;
    
    import org.springframework.stereotype.Controller;
    import org.springframework.web.bind.annotation.GetMapping;
    
    @Controller
    public class HomeController {
    
        @GetMapping("/home")
        public String method() {
            return "hello";
        }
    }    
    
  7. Hello.html 作成
    [demo1] - [src/main/resources] - [templates] 右クリック - [新規] - [HTMLファイル] クリック
    ダイアログの[ファイル名]に hello.html を入力 - [完了]をクリック
    ファイルの内容は以下

    hello.html
    <!DOCTYPE html>
    <html>
    <head>
        <meta charset='utf-8'>
        <meta name='viewport' content='width=device-width, initial-scale=1'>
        <title>Page Title</title>
    </head>
    <body>
        <p>Hello World</p>
    </body>
    </html>
    
  8. プロジェクト実行
    [demo1] 右クリック - [実行] - [SpringBoot アプリケーション] クリック
    image.png
    ※ 何個かアクセス許可を求めるダイアログあがるので許可する(他のダイアログもある!)
    image.png
    ※ コンソールにこんな感じのが表示されればOK
    image.png

  9. http://localhost:8080/home にアクセスして以下が表示さればOK
    image.png

1
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
1
0