0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【SpringBoot】Webアプリケーション作成

Last updated at Posted at 2019-07-18

はじめに

SpringBootでWebアプリ作成するときに大体やることのまとめ。

前提条件

開発ツール:Pleiades All in One

準備

プロジェクト作成

新規プロジェクト→Spring スターター・プロジェクトを選ぶ。
依存関係の選択では、最低限以下があれば良さそう。

名前 説明
Spring Boot DevTools 開発中にテストするときに、ホットデプロイができたりするツール
Thymeleaf HTMLのテンプレートエンジン
Spring Web Starter Webアプリケーションを作成する場合に必要なもの

Thymeleaf Layout Dialectを依存関係に追加

レイアウトの共通化が出来るようになる。
バージョンはそのときの最新で。

build.gradle
dependencies {
	compile group: 'nz.net.ultraq.thymeleaf', name: 'thymeleaf-layout-dialect', version: '2.4.1'
}

初めの画面作成

レイアウト用HTML作成

htmlタグに、Thymeleaf用スキーマ定義を追加する。

layout01.html
<!DOCTYPE html>
<html
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/uikit.min.css" th:href="@{css/uikit.min.css}" />
	<script src="js/uikit.min.js" th:src="@{js/uikit.min.js}"></script>
	<script src="js/uikit-icons.min.js" th:src="@{js/uikit-icons.min.js}"></script>
	<title>システム名</title>
</head>
<body>

<!-- メニュー -->
<nav class="uk-navbar-container" uk-navbar>
    <div class="uk-navbar-left">
        <ul class="uk-navbar-nav">
            <li class="uk-active"><a href="">トップ</a></li>
            <li><a href=""></a></li>
        </ul>
    </div>
</nav>

<!-- 内容 -->
<div class="uk-section" layout:fragment="content">
</div>

</body>
</html>

個別HTML作成

htmlタグに、Thymeleaf用スキーマ定義を追加する。
・どのレイアウトファイルを使用するか指定する。
・cssの読込など、レイアウトファイルでやっていることについては、th:removeタグを追加しておく。

index.html
<!DOCTYPE html>
<html
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorate="~{layouts/layout01}">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/uikit.min.css" th:remove="all" />
<script src="js/uikit.min.js" th:remove="all"></script>
<script src="js/uikit-icons.min.js" th:remove="all"></script>
<title>トップページ</title>
</head>
<body>

<!-- 内容 -->
<div class="uk-section" layout:fragment="content">
<p>トップページです</p>
</div>

</body>
</html>

Controller作成

Controllerクラス
@Controller
public class IndexController {

	@RequestMapping("/")
	public String get() {
		return "index.html";
	}

}

アプリケーション起動

プロジェクト名で右クリック→「実行」→「Spring Boot アプリケーション」を選択。
起動確認後、http://localhost:8080/でアクセスできる。

ソース管理

binフォルダを無視する

作成したプロジェクトをGitで管理しようとすると、なぜかbinフォルダとその中のclassファイル等が無視されない。ので、無視する設定を追加する。

プロパティファイルの値の利用

DI管理されたオブジェクトの場合、@Valueが使える。defaultValueはキーが無かった時の既定値。省略可能。

@Value("${key:defaultValue}")
private String value = null; 

faviconを無効にする

デフォルトでは緑の葉っぱがアイコンになっているので、無効にしておくと良い。

application.properties
spring.mvc.favicon.enabled=false
0
2
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
0
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?