La boîte à prog

Dans le précédent article de thymeleaf , nous avons utilisé l'approche par défaut des templates. Nous avions une page principal, product et about. Pour chacune d'elle, nous avions un fragment menu, footer. Tous ces pages avaient une structure similaire.  Nous allons maintenant utiliser une approche différente. Nous allons utiliser le patron décorateur. Nous allons utiliser le même exemple, mais avec cette approche.Le header sera mis dans un fragment cette fois. Les sources sont disponibles sur github Le fragment header <head th :fragment ="my-header" > <title> Good Thymes Virtual Grocery </title> <meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" /> <link rel ="stylesheet" type ="text/css" media ="all" href ="../../css/main.css" th :href ="@{/css/main.css}" /> </head>   Layout Decorator Nous allons créer un fichier main-layout avec l...

Nous allons traiter une des particularités de Thymleaf, les fragments. Nous avons vue jusqu'à maintenant les templates. Nous utiliserons spring boot et la structure du projet sera. Les sources sont disponible ici .     Un template peut être vue comme une page html, javascript, css.  Par exemple, dans un fichier index.html <!DOCTYPE html> < html xmlns: th = " http://www.thymeleaf.org " > < head > < title > Good Thymes Virtual Grocery </ title > < meta http-equiv = " Content-Type " content = " text/html; charset = UTF-8 " /> < link rel = " stylesheet " type = " text/css " media = " all " href = " ../../css/main.css " th: href = " @{/css/main.css} " /> </ head > < body > < p th: text = " #{home.welcome} " > Welcome to our grocery store! </ p > < p > Today is: < sp...