Merci à Antonio Zapater d'avoir partagé cette information !

Nous venons de lancer une démonstration en direct de WebStencils fonctionnant sur WebBroker, et vous pouvez le consulter dès maintenant à l'adresse suivante wsdemo.embarcadero.com. Pas de téléchargement, pas d'installation nécessaire : ouvrez simplement votre navigateur et commencez à explorer.

Il s'agit du même projet de démonstration que celui qui est disponible sur le site GitHub et DockerHub, mais nous l'avons déployé pour que vous puissiez voir WebStencils en action sans avoir à cloner le repo ou à compiler quoi que ce soit vous-même. La démo fonctionne dans Docker et se réinitialise automatiquement toutes les 15 minutes, alors n'hésitez pas à expérimenter sans craindre de casser quoi que ce soit.

Ce que vous trouverez

La démo couvre plusieurs scénarios réels qui montrent ce que les WebStencils peuvent faire :

Gestion des sessions avec accès basé sur les rôles

L'application comprend un système d'authentification complet avec différents rôles d'utilisateur. Vous pouvez vous connecter en tant que :

• démo / demo123 (utilisateur standard)
• l'administration / admin123 (rôle d'administrateur avec des autorisations supplémentaires)

Une fois connecté, vous verrez comment fonctionnent les sessions, comment les rôles contrôlent l'accès aux différentes fonctionnalités et comment les informations des utilisateurs circulent dans les modèles. Les utilisateurs administrateurs ont accès aux fonctions de gestion des clients, tandis que les utilisateurs standard peuvent accéder à la démo des tâches.

Application HTMX Tasks

Il existe une application de tâches entièrement fonctionnelle construite avec HTMX qui montre comment WebStencils gère les mises à jour de contenu dynamique. Vous pouvez ajouter des tâches, les marquer comme terminées, les éditer et les supprimer, le tout sans rechargement complet de la page. L'intégration de HTMX montre comment les modèles WebStencils fonctionnent avec des bibliothèques JavaScript modernes pour créer des expériences interactives.

Chaque session d'utilisateur conserve sa propre liste de tâches, ce qui vous permet de voir comment les données de session sont gérées à travers les requêtes.

Accès à la base de données FireDAC avec des formulaires dynamiques

La section sur la gestion des clients montre comment WebStencils fonctionne avec FireDAC pour accéder aux bases de données SQLite. Les formulaires sont générés dynamiquement à partir des métadonnées de la requête FireDAC, vous n'avez donc pas besoin de créer manuellement du HTML pour chaque champ. La démo comprend :

• Opérations CRUD complètes (création, lecture, mise à jour, suppression)
• Pagination côté serveur
• Recherche multi-champs sur le nom, l'email, l'entreprise, le téléphone et la ville
• Validation de formulaire avec des messages d'erreur qui persistent à travers les redirections
• Messages flash pour le retour d'information de l'utilisateur stockés dans des objets de session

La vue “Big Table” charge 1000 clients en une seule requête, montrant comment WebStencils gère les grands ensembles de données.

Documentation et exemples de routage

La démo comprend des pages de documentation intégrées qui expliquent la syntaxe de WebStencils et les modèles de templates. Vous verrez des exemples de :

• Comment fonctionne le routage WebBroker avec des définitions d'itinéraires déclaratives ?
• Héritage de modèles et pages de présentation
• Modèles partiels pour les composants réutilisables
• Rendu conditionnel et boucles
• Accès aux données des objets Delphi dans les modèles

Essayez-le

Rendez-vous sur le site wsdemo.embarcadero.com et explorez-le. Connectez-vous avec l'un ou l'autre de vos identifiants, consultez la démo des tâches, parcourez la gestion des clients (si vous êtes administrateur) et lisez les pages de documentation pour voir comment tout fonctionne.

Si vous souhaitez exécuter la démo localement ou examiner le code, tout est disponible sur le site suivant GitHub, et l'image Docker est sur DockerHub. Vous n'avez pas encore RAD Studio 13 Florence ? Vous pouvez téléchargez un trial de 30 jours ici.

Nous sommes ouverts aux commentaires et aux contributions, alors n'hésitez pas à créer un problème sur GitHub ou à envoyer un PR si vous trouvez quelque chose qui mérite d'être amélioré.

Essayez-le et dites-nous ce que vous en pensez !