【最速】SpringBootでHelloWorld！

2020年1月7日2020年1月8日

細かい説明は抜きにして、SpringBootを使って最速でWebアプリケーションを作成する手順となります。

前提

SpringBootでHelloWorld本編

１．SpringBootプロジェクトの作成

Eclipseのファイルメニューから　ファイル　＞　新規　＞　プロジェクト　＞　Springスターター・プロジェクトを選択。

プロジェクトの名前を入力して「次へ」を押下。なお、プロジェクトの名前はここでは"HelloWorld"としていますが、なんでも構いません。

次にプロジェクトで利用するライブラリ群を指定します。本当に最低限であれば"Spring Web"だけで構いませんが、まず一緒に使うであろう"Thymeleaf"も選択しておきます。

ここではSpringスタータープロジェクトと呼ばれるプロジェクトの雛形を指定するのですが、デフォルトから変更する必要はありません。

これでプロジェクトの作成が完了しているはずです。

２．画面描画と処理に最低限必要となるファイルの作成

テンプレートファイルの作成

Eclipseのファイルメニューから　ファイル　＞　新規　＞　その他　＞　HTMLファイルを選択。

最初に表示するテンプレートファイルのファイル名を指定します。ここで指定したファイル名は後続にも関係してくる為、できればキャプチャ通りに"index.html"としてください。

次に作成するHTMLファイルのテンプレートを選択するのですが、これはデフォルトのまま"HTML5″で構いません。なお、もし間違ってしまっても、次の作業で全文書き換えるので、やり直しする必要はありません。

ファイルが作成されたら、ファイルの中身を以下の通りに書き換えてください。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hello World Input Page</title>
</head>
<body>
    <form method="post" action="/result">
                            文字を入力してください<br>
        <input type="text" name="inputvalue"/>
        <input type="submit" value="送信" />
    </form>
</body>
</html>

次に同じようにもう一つ別のテンプレートファイルを作成します。ここで指定するファイル名も"index.html"と同様に後続に影響してくる為、できればキャプチャ通りに"result.html"としてください。

ファイルが作成されたら、"result.html"もファイルの中身を以下の通りに書き換えてください。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Hello World Result Page</title>
</head>
<body>
              入力した値が以下に表示されます
    <p th:text="${message}"></p>
</body>
</html>

コントローラークラスの作成

今度はコントローラークラスを作成します。Eclipseのファイルメニューから　ファイル　＞　新規　＞　クラス　を選択。

以下のダイアログで適当にファイル名を指定します。

ファイルが作成されたら、ファイルの中身を以下の通りに書き換えます。

package com.example.demo;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.servlet.ModelAndView;

@Controller
public class HelloWorldController {
    @RequestMapping(value="/", method=RequestMethod.GET)
    public ModelAndView index(ModelAndView mv) {
        mv.setViewName("index");
        return mv;
    }

    @RequestMapping(value="/result", method=RequestMethod.POST)
    public ModelAndView send(@RequestParam("inputvalue")String inputvalue, ModelAndView mv) {
        mv.setViewName("result");
        mv.addObject("message", inputvalue);
        return mv;
    }
}

これで一通りの作業は完了です。