LoginSignup
5
5

More than 5 years have passed since last update.

IDEA(Com)+SpringBoot+Maven+SpringInitializrでHello Worldなwebアプリを書いてみる

Posted at

経緯

  • SpringBoot+MavenでのHelloWorldをIntelliJ IDEAのUltimateエディションで書いてみたのと同じことを、Communityエディションで書くとどうなるかやってみた。の時に、Spring InitializrのWebサイト版の存在を知ったので試しにこれを使ってやってみた。

Webサイト版Spring Initializr

image.png

  • https://start.spring.io/
  • Search for dependencies欄に依存関係の名前を入力すると候補がリスト表示されるので、その中から選択する。すると、選んだものがSelected dependencies欄に表示されるので、それを繰り返していく。
  • 2文字以上入力すれば候補が表示されるので語尾があいまいでもok。
  • 例えばtemplateと入力するとテンプレートエンジン系がリストされるなど、カテゴリ?説明?とかでも検索できるっぽい。
  • 名前が分からないときは、下部にあるSwitch to the full versionをクリックすると、その下に選択可能なすべての依存関係が表示されるのでチェックボックスを付けていけばよい。
  • また、GroupId・ArtifactId以外のプロジェクトメタデータをデフォルト以外の値で指定したい場合も、この操作によって入力欄が表示される。
  • 指定がすべて終わったらGenerate Projectボタンを押すと、プロジェクトのzipファイルがダウンロードされる。

感想

  • Ultimate版のSpring Initializrにやや近い感じで作れる。
    • 依存関係を補完や選択とかで選べる
    • pom.xmlにSpringBoot用の必要な設定を自動的に書いてくれる
    • アプリケーションクラスを自動的に作ってくれる
  • でもダウンロードして解凍して開くとかの手間がちょっと微妙か。
  • まぁでも最初の一回だけだからいいか。

環境

  • Windows10 Home
  • IntelliJ IDEA Community 2017.2.4
  • JDK1.8

あと、使用したSpringBootのバージョンは、この時点でのCURRENT GAの1.5.7

手順

Spring Initializrサイトでプロジェクトを作成

  • https://start.spring.io/
  • 依存関係でWebThymeleafを選ぶ。あとはデフォルト
  • zipファイルをダウンロードし、好きな場所に解凍

IDEAを起動する

image.png

プロジェクトを開く

  • すでに何らかのプロジェクトが開いていたら、File - Open...
  • プロジェクトが開いていない状態だったら、Openをクリック
  • Open File or Projectの画面が開く

image.png

  • 解凍したプロジェクトを指定してOKをクリック
  • プロジェクトが開く

image.png

  • 画面右下にMaven projects need to be importedと表示されていたら、Enable Auto-Importをクリックしておくと、pom.xmlを書き換える都度、必要な依存関係を自動的にインポートしてくれる。

コントローラの作成

  • demoプロジェクトのツリーのsrc - main - java - com.example.demoパッケージを右クリックし、New - Java Classを選択
  • Namecontroller.HelloControllerと入力し、OKをクリック
  • クラス宣言の上に@Controllerアノテーションを追加
  • クラスの中にgetHello()メソッドを追加
    @GetMapping
    public String getHello() {
        return "hello";
    }

image.png

テンプレートの作成

  • demoプロジェクトツリーの src - main - resources - templatesフォルダを右クリックし、New - HTML Fileを選択
  • Namehelloと入力し、OKをクリック
  • <body>タグにHello World!と書く
  • あと、<meta>タグがこのままだと実行時にthymeleafのエラー(タグが閉じてないよ!エラー)になるので、末尾を/>に書き換える

image.png

アプリケーションの起動

  • DemoApplicationアプリケーションクラスを右クリックし、Run DemoApplication.main()を選択
  • アプリケーションが起動され、コンソールログがつらつらと表示され始める

image.png

  • そのうちTomcat started on ...と表示され、内部のTomcatが起動されたことがわかる
  • 最後にStarted DemoApplication in ...と表示されれば起動完了

動作確認

  • ブラウザから、localhost:8080にアクセスする

image.png

  • できた。
5
5
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
5
5