Thymeleafでインライン式を使用した実装

Thymeleafでインライン式を使用した実装

Thymeleafでインライン式(Inline Expression)を使用する方法について説明します。
インライン式は、テンプレート内で簡単な計算や文字列操作を行うために使用できます。
以下は、インライン式を使用したThymeleafの実装例です。

例:インライン式を使用したテンプレート

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>インライン式の例</title>
</head>
<body>
  <h1>インライン式の例</h1>

  <p>現在の年: <span th:text="${#dates.format(new java.util.Date(), 'yyyy')}"></span></p>

  <p>2つの数値の合計: 
    <span th:text="${3 + 5}"></span>
  </p>

  <p>文字列結合: 
    <span th:text="${'こんにちは' + '、世界!'}"></span>
  </p>

  <p>リストからの値取得: 
    <span th:text="${['apple', 'banana', 'cherry'][1]}"></span>
  </p>
</body>
</html>

説明

1. 現在の年の取得

<span th:text="${#dates.format(new java.util.Date(), 'yyyy')}"></span>
  • #dates.format を使用して、現在の日付を 'yyyy' 形式で表示します。

2. 2つの数値の合計

<span th:text="${3 + 5}"></span>
  • 単純な計算式で、3 と 5 の合計を表示します。

3. 文字列の結合

<span th:text="${'こんにちは' + '、世界!'}"></span>
  • 2つの文字列を結合して表示します。

4. リストからの値取得

<span th:text="${['apple', 'banana', 'cherry'][1]}"></span>
  • インラインで定義したリストからインデックス 1 の値 ('banana') を表示します。

このように、Thymeleafではインライン式を使ってテンプレート内で直接計算や文字列操作を行うことができます。