thymeleafとは

 名前空間指定(xmlns:th)

 th:text

package com.codelesson.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

/**
 * サンプルコントローラークラス
 * HTTPリクエストを処理し、レスポンスを返します。
 */
@Controller
public class SampleController {

  @GetMapping("/sample")
  public String sample() {
    // 問題3. コントローラーのメソッドの処理を修正
    // この下に解答してください
    return "sample";
  }
}


package com.codelesson.demo;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

/**
 * SampleApplicationのエントリポイント。
 *
 * このクラスはSpring Bootアプリケーションを起動するためのメインクラスです。
 * Spring Bootアプリケーションの自動設定と実行を行います。
 * 
 */
@SpringBootApplication
public class SampleApplication {

 /**
 * アプリケーションのエントリポイント。
 *
 * このメソッドはSpring Bootアプリケーションを起動します。
 * コマンドライン引数を受け取り、SpringApplication.runメソッドを呼び出して
 * アプリケーションのコンテキストを起動します。
 * 
 *
 * @param args コマンドライン引数
 */
 public static void main(String[] args) {
 SpringApplication.run(SampleApplication.class, args);
 }
}

<!doctype html>


<html xmlns:th="http://www.thymeleaf.org">
 <head>
 <meta charset="UTF-8" />
 <title>Thymeleafの確認</title>
 </head>
 <body>
 
 
 
 </body>
</html>

package com.codelesson.demo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;

/**
 * サンプルコントローラークラス
 * HTTPリクエストを処理し、レスポンスを返します。
 */
@Controller
public class SampleController {

  @GetMapping("/sample")
  public String sample() {
    // 問題3. コントローラーのメソッドの処理を修正
    // この下に解答してください
    return "test";
  }
}


<!doctype html>


<html>
 <head>
 <meta charset="UTF-8" />
 <title>Thymeleafの確認</title>
 </head>
 <body>
 
 
 
 </body>
</html>

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

 <head>
 <meta charset="UTF-8" />
 <title>Test</title>
 </head>
 <body>
 test
 </body>
</html>

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アプリケーションの画面表示の基礎を習得します。
