SpringBoot/Thymeleaf の履歴(No.1)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• SpringBoot/Thymeleaf へ行く。
  • 1 (2020-07-02 (木) 02:27:42)
  • 2 (2020-07-03 (金) 03:07:36)
  • 3 (2020-07-03 (金) 22:31:18)

SpringBoot

Thymeleaf を使ったView層の開発†

Thymeleafは，SpringBootで推奨されているテンプレートエンジンである．
サーバサイドで画面 (View層)を生成することができる．

REST-APIを呼び出して，JavaScriptで動的に画面を書き換えるやり方とは
アプローチが異なることに注意．

• こちらはクライアントサイドで画面を生成するやり方
• VueやAngularもこちらのアプローチになる．

テンプレートエンジンとは†

アプリケーションは，あらかじめ画面のひな型となるHTML
(テンプレート)を用意しておく．

テンプレートは，ところどころ穴あき（変数）のHTMLになっており，
@ControllerがDTOとテンプレートを指定すれば，ThymeleafがDTOの
フィールド値をテンプレートの変数に代入して穴埋めし，完全なHTML
にレンダリングしてブラウザに返却する．

Thymeleaf の概要†

@Controllerオブジェクト（@RestControllerではない）が処理結果を
含んだDTOと画面のひな型となるHTMLテンプレートを指示すれば，
ThymeleafがDTOの値をテンプレートの指定された場所に組み込んで
レンダリングする．

テンプレートは，Spring Boot プロジェクトのresources/templates/
の下に，Thymeleafの変数を埋め込んだHTML形式で保存する．

なお，Spring Boot プロジェクトは，変数を含まないHTML(静的なWeb
ページ)を持つこともでき，その場合には，resources/static/ の下に
保存する．

build.gradle に依存性を追加†

build.gradle のdependenciesに以下を追記．

implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'

SpringBoot/依存を参考にして，他のライブラリとの前後関係に注意すること．

テンプレートの書き方†

（あとで書く）

参考文献†

• Thymeleaf チュートリアル
  • https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf_ja.html

• Spring Boot で Thymeleaf 使い方メモ
  • https://qiita.com/opengl-8080/items/eb3bf3b5301bae398cc2

• Spring Boot 2実践入門：簡単なWEBアプリを一から作成チュートリアル
  • https://www.microstone.info/spring-boot-2%E5%AE%9F%E8%B7%B5%E5%85%A5%E9%96%80%EF%BC%9A%E7%B0%A1%E5%8D%98%E3%81%AAweb%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E4%B8%80%E3%81%8B%E3%82%89%E4%BD%9C%E6%88%90%E3%83%81%E3%83%A5%E3%83%BC/

• 【Spring Boot】ModelクラスとModel And Viewクラス
  • https://pointsandlines.jp/java/model-and-view

• Thymeleafを使用した入力フォームのサンプルコード
  • https://qiita.com/rubytomato@github/items/387d46ea34eb92071065