Skip to main content

TP Spring Web - Partie 03

Durée Estimée : 30min

Enoncé​

Séparer le header et le footer en deux fichiers html

Ainsi dans chacune de vos pages vous les intégrerez à chaque fois pour éviter de reécrire le haut et le bas de la page

2 versions (1 à choisir)​

Vous avez le choix de le faire soit en version classique thymeleaf ou la version Ultraq (démo)

Version Classique​

L'objectif est d'avoir à la fin cette structure de page :

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<!-- Header -->
Mon include header

<!-- Content -->
Mon code html de contenu

<!-- Footer -->
Mon include footer

</html>

Version Ultraq Thymeleaf​

La lib gradle:

implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect'

Votre base:

<!DOCTYPE html>
<html lang="en" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

ton code ...

Import dans vos pages de la base:

<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" lang="en"
      layout:decorate="~{layout/base}"
>
<body>

// mes blocs à surcharger

</body>
</html>