Java

Spring BootでBootstrapとjQueryを利用する

ウハブログ

こんにちは、大学時代にプログラミングを始め、現在はエンジニアをしているuhablog(ウハブログ)です。

今回の記事はSpring BootでBootstrapとjQueryを使う方法が知りたい人のために書かれています。

環境

  • JDK 11
  • Spring Boot 2.6.2
  • Bootstrap 5.1.3
  • jQuery 3.3.1

build.gradle

まずはgradleで導入する場合はbuild.gradleに以下のような記述をします。

dependencies {
	implementation group: 'org.webjars', name: 'bootstrap', version: '5.1.3'
	implementation group: 'org.webjars', name: 'jquery', version: '3.3.1'
　　　　　　　省略 ...
}

Thymeleaf

thymeleafのheadタグ内に以下を追加します。

<head>
    <!-- Bootstrap CSS -->
    <link th:href="@{/webjars/bootstrap/5.1.3/css/bootstrap.min.css}" rel="stylesheet"/>
    <title>トップページ</title>
</head>

bodyタグの最後にjQueryを利用する記述を追加します。

<body>
　　　... 省略
　　　<!-- webjar -->
    <script th:href="@{/webjars/jquery/3.3.1/js/jquery.min.js}"></script>
    <script th:href="@{/webjars/bootstrap/5.1.3/js/bootstrap.min.js}"></script>
</body>

挫折せずにプログラミングを学ぶためには？

僕はプログラミングで挫折した経験があります。

エラーの連続やエラーが解消しても思った通りに動かないといったことが原因で、プログラミングが嫌いでした。

当時はパソコンの基礎すら分からず、Googleでの検索力もありませんでした。

「プログラミングって全然意味わからないし、全然楽しくない」そう思っていました。

そんな僕でも今はエンジニアとして働けています。

エンジニアとなった今、初心者の方は周りの人に聞ける環境というのがとても大切だと感じています。

周りに聞ける人がいない時は、学習環境を手に入れるためにお金を払うというのも一つの方法です。

それができるのが、プログラミングスクールのFreeksです。

Freeksは月額10,780円で現役エンジニアに質問する環境を手に入れることができるプログラミングスクールです。

多くのプログラミングスクールが数十万円払って通うところを月額10,780円から通うことができるのはコスパが良いです。

しかもサブスク制で、自分のペースで学ぶことができ嫌になったらすぐにやめることができます。

Freeksでは無料カウンセリングを行なっています。

「周りに誰も聞ける人がいなくて、エラーが解決できない」「プログラミング全然楽しくない」という方は、無料カウンセリングを受けてみて下さい。

Freeks公式サイトはこちら>>>

【関連記事】Freeks評判、口コミ

-Java