Arbeiten mit Arrays in Thymeleaf

1. Überblick

In diesem kurzen Tutorial werden wir sehen, wie wir Arrays in Thymeleaf verwenden können. Für eine einfache Einrichtung verwenden wir einen Spring-Boot-Initialisierer, um unsere Anwendung zu booten.

Die Grundlagen von Spring MVC und Thymeleaf finden Sie inhere.

2. Thymeleaf-Abhängigkeit

In unsererpom.xml-Datei müssen wir nur SpringMVC und Thymeleaf hinzufügen:


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



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

3. Der Controller

Verwenden wir der Einfachheit halber einen Controller mit nur einer Methode, dieGET-Anforderungen verarbeitet.

Dies reagiert, indem ein Array an das Modellobjekt übergeben wird, das es für die Ansicht zugänglich macht:

@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. Die Aussicht

Auf der Ansichtsseite greifen wir auf das Arraycontinents mit dem Namen zu, mit dem wir es (Kontinente) vonour controller above übergeben.

4.1. Eigenschaften und Indizes

Eine der ersten Eigenschaften, die wir untersuchen werden, ist die Länge des Arrays. So können wir das überprüfen:

......

Wenn wir uns den obigen Codeausschnitt ansehen, der sich auf der Ansichtsseite befindet, sollten wir die Verwendung des Schlüsselwortsth:text bemerken. Wir haben damit den Wert der Variablen in geschweiften Klammern ausgegeben, in diesem Fall die Länge des Arrays.

Folglich sindwe access the value of each element of the array continents by its index just like we use to do within our normal Java code:

Wie wir im obigen Codefragment gesehen haben, ist jedes Element über seinen Index zugänglich. Wir könnenhere gehen, um mehr über Ausdrücke in Thymeleaf zu erfahren.

4.2. Wiederholung

In ähnlicher Weise istwe can iterate over the elements the array sequentially.

In Thymeleaf können wir Folgendes erreichen:

Bei Verwendung vonth:each keyword to iterate over the element of an array sind wir nicht auf die Verwendung von Listen-Tags beschränkt. Wir können jedes HTML-Tag verwenden, das Text auf der Seite anzeigen kann. Zum Beispiel:

Im obigen Code-Snippet wird jedes Element in einem eigenen<h4></h4>-Tag angezeigt.

4.3. Dienstprogrammfunktionen

Schließlich werden wir die Verwendung von Utility-Klassenfunktionen verwenden, um einige andere Eigenschaften des Arrays zu untersuchen.

Schauen wir uns das an:

The greatest  continents.

Europe is a continent: .

Array of continents is empty .

Wir fragen zuerst die Länge des Arrays ab und prüfen dann, obEurope ein Element des Arrayscontinents. ist

Zuletzt prüfen wir, ob das Arraycontinents leer ist oder nicht.

5. Fazit

In diesem Artikel haben wir gelernt, wie man mit einem Array in Thymeleaf arbeitet, indem wir seine Länge überprüfen und über einen Index auf seine Elemente zugreifen. Wir haben auch gelernt, wie man über seine Elemente in Thymeleaf iteriert.

Zuletzt haben wir die Verwendung von Utility-Funktionen gesehen, um andere Eigenschaften eines Arrays zu untersuchen.

Und wie immer finden Sie den vollständigen Quellcode dieses Artikels inover on Github.

TOC

Arbeiten mit Arrays in Thymeleaf