Bedankt Antonio Zapater om dit te delen!

We hebben zojuist een live demo gelanceerd van WebStencils draait op WebBroker en je kunt het nu bekijken op wsdemo.embarcadero.com. Geen downloads, geen installatie vereist: open gewoon je browser en begin met verkennen.

Dit is hetzelfde demoproject dat beschikbaar is op GitHub en DockerHub, maar we hebben het ingezet zodat je WebStencils in actie kunt zien zonder de repo te klonen of zelf iets te compileren. De demo draait in Docker en reset automatisch elke 15 minuten, dus voel je vrij om te experimenteren zonder je zorgen te maken dat je iets kapot maakt.

Wat je zult vinden

De demo behandelt verschillende scenario's uit de praktijk die laten zien wat WebStencils kan:

Sessiebeheer met rolgebaseerde toegang

De app bevat een compleet authenticatiesysteem met verschillende gebruikersrollen. Je kunt inloggen als:

• demo / demo123 (standaardgebruiker)
• admin / admin123 (beheerdersrol met extra rechten)

Eenmaal ingelogd zie je hoe sessies werken, hoe rollen de toegang tot verschillende functies regelen en hoe gebruikersinformatie door de sjablonen stroomt. Admin-gebruikers krijgen toegang tot functies voor klantbeheer, terwijl standaardgebruikers toegang hebben tot de takendemo.

HTMX-taken-app

Er is een volledig functionele taken-app gebouwd met HTMX die laat zien hoe WebStencils omgaat met dynamische content-updates. Je kunt taken toevoegen, ze markeren als voltooid, bewerken en verwijderen, allemaal zonder dat de pagina volledig opnieuw hoeft te worden geladen. De HTMX-integratie laat zien hoe WebStencils-sjablonen werken met moderne JavaScript-bibliotheken om interactieve ervaringen te creëren.

Elke gebruikerssessie onderhoudt zijn eigen takenlijst, zodat je kunt zien hoe sessiegegevens over verzoeken heen worden beheerd.

FireDAC databasetoegang met dynamische formulieren

Het gedeelte over klantenbeheer laat zien hoe WebStencils werkt met FireDAC om SQLite databases te benaderen. Formulieren worden dynamisch gegenereerd vanuit FireDAC query metadata, dus je hoeft niet handmatig HTML te maken voor elk veld. De demo bevat:

• Volledige CRUD-bewerkingen (maken, lezen, bijwerken, verwijderen)
• Paginering aan de serverkant
• Zoeken in meerdere velden voor naam, e-mail, bedrijf, telefoon en stad
• Formuliervalidatie met foutmeldingen die blijven bestaan bij omleidingen
• Flashberichten voor gebruikersfeedback opgeslagen in sessieobjecten

De weergave “Grote tabel” laadt 1000 klanten in één query en laat zien hoe WebStencils omgaat met grote datasets.

Documentatie en routeringsvoorbeelden

De demo bevat ingebouwde documentatiepagina's die de syntaxis en templatingpatronen van WebStencils uitleggen. Je ziet voorbeelden van:

• Hoe WebBroker routering werkt met declaratieve routedefinities
• Sjabloonovererving en lay-outpagina's
• Gedeeltelijke sjablonen voor herbruikbare componenten
• Voorwaardelijke rendering en lussen
• Gegevens benaderen van Delphi-objecten in sjablonen

Uitproberen

Ga naar wsdemo.embarcadero.com en verkennen. Log in met een van beide referenties, bekijk de demo met taken, blader door het klantenbeheer (als je een beheerder bent) en lees de documentatiepagina's door om te zien hoe alles werkt.

Als je de demo lokaal wilt uitvoeren of de code wilt bekijken, is alles beschikbaar op GitHub, en het Docker-image staat op DockerHub. Heb je RAD Studio 13 Florence nog niet? Dat kan download hier een 30-dagen trial.

We staan open voor feedback en bijdragen, dus voel je vrij om een probleem aan te maken op GitHub of een PR te sturen als je iets ziet dat voor verbetering vatbaar is.

Probeer het eens en laat ons weten wat je ervan vindt!