BIDM.eu
Spring Boot · Java 17 · HTMX

Démo HTMX
avec backend Java

Cliquez sur un bouton — HTMX envoie une requête GET vers Spring Boot, qui renvoie un fragment HTML partiel. La section ci-dessous est remplacée sans rechargement de page.

Retour aux implémentations HTMX

Démo interactive

Texte par défaut — cliquez sur un bouton pour remplacer cette section.

Comment ça fonctionne

Flux de la requête HTMX · Architecture proxy
1
Clic sur le bouton (navigateur)
HTMX lit l'attribut hx-get="fragment/bonjour" (chemin relatif) et envoie une requête GET vers dev.office.bidm.eu/htmx/java/fragment/bonjour en arrière-plan.
2
Apache proxifie vers Spring Boot (portail PHP → Java)
Une règle RewriteRule [P,L] transmet la requête à 127.0.0.1:8085 via mod_proxy_http. Spring Boot reçoit /fragment/bonjour sans le préfixe /htmx/java/, exactement comme pour Python et Node.js.
3
Contrôleur Spring MVC retourne un fragment (serveur)
@GetMapping("/fragment/{nom}") retourne un fragment HTML partiel via un template Thymeleaf (return "fragment";). Pas de page complète — juste le morceau de DOM nécessaire.
4
HTMX remplace le DOM (navigateur)
Grâce à hx-swap="outerHTML", HTMX remplace l'élément #zone-cible entier par le fragment reçu — sans rechargement.