Thymeleafの配列を操作する

Thymeleafでの配列の操作

1. 概要

このクイックチュートリアルでは、Thymeleafで配列を使用する方法を見ていきます。セットアップを簡単にするために、Spring-Bootイニシャライザーを使用してアプリケーションをブートストラップします。

Spring MVCとThymeleafの基本は、hereにあります。

2. Thymeleafの依存関係

pom.xmlファイルでは、追加する必要がある依存関係はSpringMVCとThymeleafのみです。


    org.springframework.boot
    spring-boot-starter-thymeleaf



    org.springframework.boot
    spring-boot-starter-web

3. コントローラー

簡単にするために、GETリクエストを処理するメソッドが1つしかないコントローラーを使用しましょう。

これは、ビューにアクセスできるようにするモデルオブジェクトに配列を渡すことで応答します。

@Controller
public class ThymeleafArrayController {

    @GetMapping("/arrays")
    public String arrayController(Model model) {
        String[] continents = {
          "Africa", "Antarctica", "Asia", "Australia",
          "Europe", "North America", "Sourth America"
        };

        model.addAttribute("continents", continents);

        return "continents";
    }
}

4. 景色

ビューページで、our controller aboveから（大陸）に渡した名前で配列continentsにアクセスします。

4.1. プロパティとインデックス

検査する最初のプロパティの1つは、配列の長さです。これは私たちがそれをチェックする方法です：

......

上記のコードスニペット（ビューページからのもの）を見ると、キーワードth:textの使用に気付くはずです。これを使用して、中括弧内の変数の値、この場合は配列の長さを出力しました。

したがって、we access the value of each element of the array continents by its index just like we use to do within our normal Java code：

上記のコードフラグメントで見たように、各要素にはそのインデックスからアクセスできます。 hereに移動して、Thymeleafの式について詳しく知ることができます。

4.2. 繰り返し

同様に、we can iterate over the elements the array sequentially。

Thymeleafで、これを実現する方法は次のとおりです。

th:each keyword to iterate over the element of an arrayを使用する場合、リストタグのみの使用に制限されません。ページにテキストを表示できるHTMLタグを使用できます。例えば：

上記のコードスニペットでは、各要素が個別の<h4></h4>タグに表示されます。

4.3. ユーティリティ関数

最後に、ユーティリティクラス関数を使用して、配列の他のいくつかのプロパティを調べます。

これを見てみましょう。

The greatest  continents.

Europe is a continent: .

Array of continents is empty .

最初に配列の長さを照会してから、Europeが配列continents.の要素であるかどうかを確認します

最後に、配列continents が空であるかどうかを確認します。

5. 結論

この記事では、Thymeleafの配列の長さを確認し、インデックスを使用してその要素にアクセスすることにより、配列を操作する方法を学習しました。また、Thymeleaf内の要素を反復処理する方法も学びました。

最後に、ユーティリティ関数を使用して配列の他のプロパティを検査することを確認しました。

そして、いつものように、この記事の完全なソースコードはover on Githubにあります。

TOC