Vielen Dank, Antonio Zapater, dass Sie dies mit uns teilen!

Wir haben gerade eine Live-Demo von WebStencils die auf WebBroker läuft, und Sie können sie jetzt gleich ausprobieren unter wsdemo.embarcadero.com. Keine Downloads, keine Einrichtung erforderlich: Öffnen Sie einfach Ihren Browser und beginnen Sie mit der Erkundung.

Dies ist dasselbe Demoprojekt, das Sie auf GitHub und DockerHub, aber wir haben es bereitgestellt, damit Sie WebStencils in Aktion sehen können, ohne das Repo zu klonen oder selbst etwas zu kompilieren. Die Demo läuft in Docker und wird alle 15 Minuten automatisch zurückgesetzt. Sie können also ruhig experimentieren, ohne sich Sorgen machen zu müssen, etwas kaputt zu machen.

Was Sie finden werden

Die Demo umfasst mehrere reale Szenarien, die zeigen, was WebStencils leisten können:

Sitzungsmanagement mit rollenbasiertem Zugriff

Die App enthält ein vollständiges Authentifizierungssystem mit verschiedenen Benutzerrollen. Sie können sich anmelden als:

• Demo / demo123 (Standardbenutzer)
• admin / admin123 (Admin-Rolle mit zusätzlichen Rechten)

Sobald Sie angemeldet sind, sehen Sie, wie Sitzungen funktionieren, wie Rollen den Zugriff auf verschiedene Funktionen steuern und wie Benutzerinformationen durch die Vorlagen fließen. Admin-Benutzer erhalten Zugang zu den Funktionen der Kundenverwaltung, während Standardbenutzer auf die Aufgaben-Demo zugreifen können.

HTMX Aufgaben App

Es gibt eine voll funktionsfähige, mit HTMX erstellte Aufgaben-App, die zeigt, wie WebStencils mit dynamischen Inhaltsaktualisierungen umgeht. Sie können Aufgaben hinzufügen, sie als erledigt markieren, sie bearbeiten und löschen, ohne dass die Seite neu geladen werden muss. Die HTMX-Integration demonstriert, wie WebStencils-Vorlagen mit modernen JavaScript-Bibliotheken zusammenarbeiten, um interaktive Erlebnisse zu schaffen.

Jede Benutzersitzung verwaltet ihre eigene Aufgabenliste, so dass Sie sehen können, wie die Sitzungsdaten über Anfragen hinweg verwaltet werden.

FireDAC Datenbankzugriff mit dynamischen Formularen

Der Abschnitt Kundenverwaltung zeigt, wie WebStencils mit FireDAC zusammenarbeitet, um auf SQLite-Datenbanken zuzugreifen. Die Formulare werden dynamisch aus den Metadaten der FireDAC-Abfrage generiert, so dass Sie nicht für jedes Feld manuell HTML erstellen müssen. Die Demo enthält:

• Vollständige CRUD-Operationen (Erstellen, Lesen, Aktualisieren, Löschen)
• Server-seitige Paginierung
• Mehrfeldsuche über Name, E-Mail, Unternehmen, Telefon und Stadt
• Formularvalidierung mit Fehlermeldungen, die über Weiterleitungen hinweg bestehen bleiben
• In Sitzungsobjekten gespeicherte Flash-Nachrichten für Benutzerfeedback

Die Ansicht “Große Tabelle” lädt 1000 Kunden in einer einzigen Abfrage und zeigt, wie WebStencils mit großen Datensätzen umgeht.

Dokumentation und Routing-Beispiele

Die Demo enthält integrierte Dokumentationsseiten, die die Syntax und die Schablonenmuster von WebStencils erklären. Sie sehen Beispiele für:

• Wie WebBroker-Routing mit deklarativen Routendefinitionen funktioniert
• Vererbung von Vorlagen und Layout-Seiten
• Teilweise Vorlagen für wiederverwendbare Komponenten
• Bedingtes Rendering und Schleifen
• Zugriff auf Daten von Delphi-Objekten in Vorlagen

Probieren Sie es aus

Gehen Sie rüber zu wsdemo.embarcadero.com und erkunden. Melden Sie sich mit einem der beiden Zugangsdaten an, sehen Sie sich die Aufgaben-Demo an, durchsuchen Sie die Kundenverwaltung (wenn Sie Administrator sind) und lesen Sie die Dokumentationsseiten, um zu sehen, wie alles funktioniert.

Wenn Sie die Demo lokal ausführen oder den Code untersuchen möchten, finden Sie alles unter GitHub, und das Docker-Image befindet sich auf DockerHub. Sie haben RAD Studio 13 Florenz noch nicht? Sie können Laden Sie hier eine 30-tägige trial herunter.

Wir sind offen für Feedback und Beiträge. Wenn Sie also etwas Verbesserungswürdiges entdecken, können Sie gerne einen Eintrag auf GitHub erstellen oder einen PR senden.

Probieren Sie es aus und lassen Sie uns wissen, was Sie davon halten!