th:each

package com.codelesson.demo.controller;

import com.codelesson.demo.entity.User;
import java.util.ArrayList;
import java.util.List;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

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

  /**
   * /eachエンドポイントへのGETリクエストを処理します。
   *
   * @param model リクエストに関連するデータを保持するモデル
   * @return "each"ビュー名を返します
   */
  @GetMapping("/each")
  public String urlSample(Model model) {
    List<User> userList = new ArrayList<>(
      List.of(
        new User("suzuki", 20),
        new User("sato", 30),
        new User("tanaka", 40)
      )
    );
    model.addAttribute(userList);
    return "eachSample";
  }
}


package com.codelesson.demo.entity;

/**
 * ユーザー情報を保持するクラス
 */
public class User {

  /** ユーザーの名前 */
  private String name;
  /** ユーザーの年齢 */
  private int old;

  /**
   * Userオブジェクトを初期化します。
   *
   * @param name ユーザーの名前
   * @param age ユーザーの年齢
   */
  public User(String name, int old) {
    this.name = name;
    this.old = old;
  }

  public String getName() {
    return name;
  }

  public void setName(String name) {
    this.name = name;
  }

  public int getOld() {
    return old;
  }

  public void setOld(int old) {
    this.old = old;
  }

  /**
   * ユーザーの名前と年齢を取得します。
   * @return 名前と年齢
   */
  public String getNameAndOld() {
    return "名前: " + name + "/" + "年齢: " + old + "歳";
  }
}


package com.codelesson.demo;

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

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

  /**
   * アプリケーションのエントリポイント。
   *
   * <p>このメソッドはSpring Bootアプリケーションを起動します。
   * コマンドライン引数を受け取り、SpringApplication.runメソッドを呼び出して
   * アプリケーションのコンテキストを起動します。
   * </p>
   *
   * @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>eachの確認</title>
    <style>
      table {
        border-collapse: collapse;
      }
      th,
      td {
        border: 1px solid black;
        padding: 5px;
      }
    </style>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th>ユーザー名</th>
          <th>年齢</th>
        </tr>
      </thead>
      <tbody>
        
        
        <tr th:each="user : ${userList}">
          <td th:text="${user.name}"></td>
          <td th:text="${user.old}"></td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8" />
    <title>eachの確認</title>
    <style>
      table {
        border-collapse: collapse;
      }
      th,
      td {
        border: 1px solid black;
        padding: 5px;
      }
    </style>
  </head>
  <body>
    <table>
      <thead>
        <tr>
          <th>ユーザー名</th>
          <th>年齢</th>
        </tr>
      </thead>
      <tbody>
        
        
        <tr>
          <td></td>
          <td></td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

繰り返しの利用

部品分割

リンク式の利用

Thymeleafの利用

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

コメントの記述方法

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

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

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

modelの利用

ローカル変数の定義

条件式の利用

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