thymeleafとは

 名前空間指定(xmlns:th)

 th:text

Thymeleafの利用

Model(モデル)

 model.addAttribute

Dialect(変数式)

modelの利用

Dialect (フィールドの利用)

インスタンスの表示(フィールド1)

選択変数式

インスタンスの表示(フィールド2)

Dialect (メソッドの利用)

インスタンスの表示(メソッド)

リンク式 thymeleaf

リンク式の利用

コメントの記述方法

th:if

th:unless

条件式の利用

th:each

繰り返しの利用

ローカル変数(th:with)

ローカル変数の定義

th:insert

部品分割

【演習】商品リストの表示

SpringBootの画面表示するためのテンプレートエンジン「Thymeleaf」を学びます。
「HTML + 独自の式言語」で記述可能であるThymeLeafの学習を通じて、その概要と、Webアプリケーションの画面表示の基礎を習得します。


SpringBootコース

テンプレートエンジン(thymeleaf)

「thymeleafの利用」レッスンの総復習クイズです。

thymeleafの利用の総復習クイズ

thymeleafの利用

## 7. 作成したプログラムのカスタマイズ課題
作成プログラムをいじって、要件を満たすようにプログラムを修正する練習です。作成したプログラムを少しずついじることで、「どこをいじったときに → どこが反応するのか」を体感してみましょう。

####  課題1. URLを`localhost:8080/hello`ではなく、`localhost:8080/custom`でアクセスすると動くようにプログラムを書き換えてみましょう。

「少し書き換えて→試す→少し書き換えて→試す...」を繰り返して、どのコードが画面のどこに対応するか見ながら進めてみましょう。


---

#### 【山田メモ】新しいことを学習させる課題ではなく（`x`削除機能追加、`x`詳細表示ページ実装）、現在作成したものを同じ機能の中でいじらせることで、「どこをいじったときに → どこが反応するのか」を体感させ、今回書いたプログラムの理解を深めさせることが目的。


プログラムのカスタマイズ課題