Spring BootでjQueryとBootstrapを使う

環境

MacOS 10.10.3 Yosemite
IntelliJ IDEA 14
Spring Boot 1.3
Gradle 2.3

SpringbootでjQuery等のフレームワークを使う場合、Webjarsを使うと楽らしい。
使い方は簡単でまずGradleにjQueryとBootstrapを追加する。

compile("org.webjars:jquery:2.1.4")
compile("org.webjars:bootstrap:3.3.5")

ThymeleafのHTML側で次のようにパスを指定する。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"
      th:href="@{/webjars/bootstrap/3.3.5/css/bootstrap.min.css}" rel="stylesheet" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"
        th:src="@{/webjars/jquery/2.1.4/jquery.min.js}"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"
        th:src="@{/webjars/bootstrap/3.3.5/js/bootstrap.min.js}"></script>

src、hrefには絶対パスでcssとjsを指定しておくことでHTMLファイルを直接開いた場合にもjQueryとBootstrapが反映されるようになる。

Java記事まとめ - nkimraの日記