暇な日々にスパイスを

学んだ技術の備忘録

SpringBoot 10 Thymeleafで画面作成

Spring Bootの画面を作成していきます。

SpringBootの画面はThymeleafで作成していきます。
その他にも手段はあります。(JSPは非推奨とのこと)

Thmeleafには日本語のチュートリアルも存在しています。
Tutorial: Using Thymeleaf (ja)

CSS等に関してはBootStrapを使用します。
Getting started · Bootstrap

Downloadして使用する場合は src/main/resources/static の配下に配置します。 今回はCDNを利用します。
f:id:snona:20160221184919p:plain
利用するVersionですが、公式に記載れていたものを利用しています。 jQueryGoogleが2.x系も配布していますが、BootStrapでは1.x系を利用するようです。

Hosted Libraries  |  Hosted Libraries  |  Google Developers

画面の確認を行います。
f:id:snona:20160221185112p:plain
BootStrapのCSSが効いていることがわかります。