Seminar Apache Grails Frontend mit GSP, JSON Views und JavaScript-Clients

Grails unterstützt sowohl klassische serverseitige Oberflächen als auch moderne getrennte Clients. Die richtige Aufteilung hängt von Interaktion, Teamstruktur, Betriebsmodell und Sicherheitsanforderungen ab.

Das Seminar realisiert beide Varianten an derselben Fachfunktion. So werden Unterschiede bei Rendering, Formularen, Authentifizierung, Fehlerbehandlung, Ressourcen und Tests unmittelbar vergleichbar.

Inhaltsverzeichnis

1. Zielgruppe
2. Voraussetzungen
3. Lernziele
4. Modul 1: MVC-Ablauf und Verarbeitung einer Webanfrage
5. Modul 2: Serverseitige Oberflächen mit GSP
6. Modul 3: Datenbindung, Command Objects und Validierung
7. Modul 4: JavaScript-Clients und Frontend-Integration
8. Modul 5: JSON Views und strukturierte API-Ausgaben
9. Modul 6: Webschutz, Datenbindung und sichere Ausgabe
10. Modul 7: Usability, Barrierefreiheit und Frontend-Qualität
11. Modul 8: Browser- und Funktionstests mit Geb und Testcontainers
12. Praxisprojekt und Übungen
13. Arbeitsweise

Zielgruppe

Grails- und Full-Stack-Entwickler, Webentwickler sowie Java- oder Spring-Entwickler mit Interesse an Grails-Oberflächen.

Voraussetzungen

Grundkenntnisse in HTML, CSS und JavaScript sowie grundlegende Erfahrung mit Grails-Controllern, Services und Datenbindung.

Lernziele

• GSP-Seiten mit Layouts, Templates und Tag Libraries strukturieren.
• Formulare sicher binden, validieren und verständlich rückmelden.
• JSON Views als stabile Schnittstelle für Clients einsetzen.
• Server- und Clientverantwortung anhand klarer Kriterien trennen.
• Barrierefreiheit und kritische Benutzerwege automatisiert prüfen.

Modul 1: MVC-Ablauf und Verarbeitung einer Webanfrage

Eine Webanfrage wird vom URL-Mapping über Controller und Service bis zur Antwort vollständig verfolgt.

1. Schritt 1: URL-Mappings und HTTP-Methoden einer fachlichen Ressource zuordnen.
2. Schritt 2: Parameterbindung, Command Objects und Validierung kontrolliert einsetzen.
3. Schritt 3: Geschäftslogik aus dem Controller in Services verlagern.
4. Schritt 4: HTML-, JSON- und Fehlerantworten mit eindeutigen Statuscodes erzeugen.

Modul 2: Serverseitige Oberflächen mit GSP

Groovy Server Pages werden für wartbare, zugängliche und wiederverwendbare HTML-Oberflächen eingesetzt.

1. Schritt 1: Modelldaten ohne Geschäftslogik in GSP ausgeben.
2. Schritt 2: Layouts, Templates und Tag Libraries zur Wiederverwendung strukturieren.
3. Schritt 3: Formulare mit Validierungshinweisen und sicherer Ausgabe erstellen.
4. Schritt 4: Internationalisierung, Navigation und Fehlerdarstellung konsistent integrieren.

Modul 3: Datenbindung, Command Objects und Validierung

Eingabedaten werden nur in ausdrücklich freigegebene Strukturen gebunden und fachlich validiert.

1. Schritt 1: Bindungsquellen und zulässige Felder festlegen.
2. Schritt 2: Command Objects mit deklarativen Constraints entwerfen.
3. Schritt 3: Verschachtelte Daten, Datumswerte und Aufzählungen sicher konvertieren.
4. Schritt 4: Validierungsfehler internationalisierbar und testsicher aufbereiten.

Modul 4: JavaScript-Clients und Frontend-Integration

Die Grenze zwischen serverseitigem Grails-Rendering und einem separaten JavaScript-Client wird anhand belastbarer Kriterien gestaltet.

1. Schritt 1: Authentifizierung, CORS und CSRF für browserbasierte Clients einordnen.
2. Schritt 2: API-Verträge und Fehlerformate für den Client definieren.
3. Schritt 3: Statische Ressourcen, Build-Artefakte und Cache-Header koordinieren.
4. Schritt 4: Eine kleine Client-Funktion gegen die Grails-API implementieren und testen.

Modul 5: JSON Views und strukturierte API-Ausgaben

JSON-Antworten werden getrennt von Controller-Logik modelliert und für unterschiedliche Anwendungsfälle wiederverwendet.

1. Schritt 1: JSON Views mit typisiertem Modell erstellen.
2. Schritt 2: Listen, Detailansichten und verschachtelte Beziehungen kontrolliert rendern.
3. Schritt 3: Felder abhängig von Rolle, Kontext oder API-Version auswählen.
4. Schritt 4: Ausgabeformate durch automatisierte Strukturtests absichern.

Modul 6: Webschutz, Datenbindung und sichere Ausgabe

Typische Webrisiken werden durch Framework-Konfiguration und disziplinierte Implementierung reduziert.

1. Schritt 1: CSRF-Schutz und sichere Cookie-Eigenschaften prüfen.
2. Schritt 2: XSS durch kontextgerechte Ausgabe und restriktive Eingabeverarbeitung verhindern.
3. Schritt 3: Datenbindung auf erlaubte Felder begrenzen.
4. Schritt 4: Sicherheitsrelevante Header und Fehlerseiten konfigurieren.

Modul 7: Usability, Barrierefreiheit und Frontend-Qualität

Oberflächen werden nicht nur funktional, sondern auch robust, tastaturbedienbar und semantisch nachvollziehbar umgesetzt.

1. Schritt 1: Semantische HTML-Strukturen und verständliche Formularbeschriftungen einsetzen.
2. Schritt 2: Tastaturführung, Fokusmanagement und Fehlermeldungen prüfen.
3. Schritt 3: Darstellung für unterschiedliche Bildschirmgrößen testen.
4. Schritt 4: Wiederkehrende Qualitätsprüfungen in Definition-of-Done und Tests aufnehmen.

Modul 8: Browser- und Funktionstests mit Geb und Testcontainers

Kritische Benutzerwege werden in einer reproduzierbaren Browserumgebung automatisiert.

1. Schritt 1: Geb-Seitenobjekte und Module für stabile Selektoren entwerfen.
2. Schritt 2: Containerisierte Browser für identische lokale und CI-Ausführung nutzen.
3. Schritt 3: Anmeldung, Formularabläufe und Fehlersituationen automatisieren.
4. Schritt 4: Screenshots, Aufzeichnungen und Diagnosedaten bei Fehlern sichern.

Praxisprojekt und Übungen

Eine Verwaltungsfunktion wird zunächst vollständig mit GSP und anschließend als JSON-gestützte Clientansicht umgesetzt. Formulare, Validierung, Berechtigungen und ein browserbasierter Hauptablauf werden getestet.

Arbeitsweise

Kurze fachliche Einführungen wechseln mit Demonstrationen, angeleiteten Implementierungsschritten, selbstständigen Übungen und gemeinsamer Auswertung. Entscheidungen werden im Code, in Tests und in einer knappen technischen Dokumentation nachvollziehbar festgehalten.