thymeleaf | ログログ

【SpringBoot入門】#10~ 更新機能の実装

2021/01/09 -プログラミング, Java
Spring, thymeleaf

概要既に登録済みの書籍情報を画面上で編集し、更新する処理を実装します。更新した内容が反映されていることを確認するところまでを行います。　フロントエンド更新情報のリクエスト edit.html …

【SpringBoot入門】#9~ 更新画面の作成

2021/01/01 -プログラミング, Java
Spring, thymeleaf

左側のコンテンツ40% 右側のコンテンツ60% ※2021/01/09 　画面遷移等のバックエンド側の内容が抜けていたので追記しました。概要検索結果一覧から編集ボタン押下で遷移してくる更新画面です …

【SpringBoot入門】#8~ 検索機能の実装

2020/12/27 -プログラミング, Java
Spring, thymeleaf

概要・検索フォームから条件を指定して検索すると、条件に一致する結果が一覧画面に表示される。・検索条件は複合的に指定できることとする。・検索結果は適切にフォーマットされることとする。　(日付はy …

【SpringBoot入門】#7~ 検索画面の作成

2020/12/19 -プログラミング, Java
Spring, thymeleaf

概要書籍情報を検索するフォーム(検索フォーム)と検索結果を表示する画面(検索結果一覧)を作成します。検索フォームと検索結果一覧はHTMLファイルを分けて作成しています。分けることは必須ではなく、 …

【SpringBoot入門】#5~ 登録画面の作成

2020/12/05 -プログラミング
Spring, thymeleaf

概要共通ヘッダーの「新規登録」リンクから遷移する、書籍情報登録画面を作成します。遷移できるようにControllerの作成と、遷移先である画面をHTMLで作成していきます。　 Formクラスの作 …

【SpringBoot入門】#4~ headerの作成と埋め込み

2020/11/28 -プログラミング, Java
Spring, thymeleaf

概要全ての画面で使用するヘッダーを作成します。そして、Index画面に埋め込むところまでを行います。共通ヘッダーの作成

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head(title)">
	<meta charset="UTF-8">
	<title th:replace="${title}">title</title>
	<script th:src="@{/webjars/jquery/3.5.1/jquery.min.js}"></script>
	<script th:src="@{/js/dialog.js}" defer="defer"></script>
</head>
  <body>
  	<header th:fragment="header">
		<a th:href="@{/}">ホーム</a>
		<a th:href="@{/book/list}">検索</a>
		<a th:href="@{/book/add}">新規登録</a>
		<hr>
  	</header>
  </body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!DOCTYPE html>

<title th:replace="${title}">title</title>

</head>

<body>

<hr>

</header>

</body>

</html>

・&lt …

【SpringBoot入門】#3~ Index画面の作成

2020/11/21 -プログラミング, Java
Spring, thymeleaf

このチュートリアルでは、簡易な書籍管理システムを作っていきます。まず最初にIndex画面を作成していきます。 HTML作成以下の配下にindex.htmlを作成します。配置先：プロジェクト(ここ …

「 thymeleaf 」 一覧

「 thymeleaf 」一覧