Travailler avec des tableaux dans Thymeleaf

1. Vue d'ensemble

Dans ce rapide didacticiel, nous allons voir comment nous pouvons utiliser les tableaux dans Thymeleaf. Pour une configuration facile, nous allons utiliser un initialiseur à démarrage à ressort pour démarrer notre application.

Les bases de Spring MVC et Thymeleaf peuvent être trouvéeshere.

2. Dépendance de thymeleaf

Dans notre fichierpom.xml, les seules dépendances que nous devons ajouter sont SpringMVC et Thymeleaf:


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



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

3. Le controlle

Pour plus de simplicité, utilisons un contrôleur avec une seule méthode qui gère les requêtesGET.

Cela répond en passant un tableau à l'objet de modèle qui le rendra accessible à la vue:

@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. La vue

Dans la page d'affichage, nous allons accéder au tableaucontinents par le nom que nous lui passons avec (continents) à partir deour controller above.

4.1. Propriétés et index

L’une des premières propriétés que nous allons inspecter est la longueur du tableau. Voici comment nous pouvons le vérifier:

......

Et en regardant l'extrait de code ci-dessus, qui provient de la page d'affichage, nous devrions remarquer l'utilisation du mot-cléth:text. Nous l'avons utilisé pour imprimer la valeur de la variable à l'intérieur des accolades, dans ce cas, la longueur du tableau.

Par conséquent,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:

Comme nous l'avons vu dans le fragment de code ci-dessus, chaque élément est accessible via son index. Nous pouvons aller àhere pour en savoir plus sur les expressions dans Thymeleaf.

4.2. Itération

De même,we can iterate over the elements the array sequentially.

Dans Thymeleaf, voici comment nous pouvons y parvenir:

Lorsque vous utilisezth:each keyword to iterate over the element of an array, nous ne sommes pas limités à l'utilisation de balises de liste uniquement. Nous pouvons utiliser n’importe quelle balise HTML capable d’afficher du texte sur la page. Par exemple:

Dans l'extrait de code ci-dessus, chaque élément sera affiché sur sa propre balise<h4></h4> distincte.

4.3. Fonctions utilitaires

Enfin, nous allons utiliser l'utilisation de fonctions de classe utilitaire pour examiner d'autres propriétés du tableau.

Jetons un œil à ceci:

The greatest  continents.

Europe is a continent: .

Array of continents is empty .

Nous interrogeons d'abord la longueur du tableau, puis vérifions siEurope est un élément du tableaucontinents.

Enfin, nous vérifions que le tableaucontinents est vide ou non.

5. Conclusion

Dans cet article, nous avons appris à travailler avec un tableau dans Thymeleaf en vérifiant sa longueur et en accédant à ses éléments à l'aide d'un index. Nous avons également appris à parcourir ses éléments dans Thymeleaf.

Enfin, nous avons vu l’utilisation de fonctions utilitaires pour inspecter d’autres propriétés d’un tableau.

Et, comme toujours, le code source complet de cet article peut être trouvéover on Github.

TOC

Travailler avec des tableaux dans Thymeleaf