Enterprise Maven Master

Master 23 - Frontend & Backoffice Portal Master

Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch

Visualisieren

SVG-Galerie

Lehrbuch

Lehrbuch und Praxis

Was lerne ich hier?

Fachlicher Kern

Frontend

Technischer Fokus

Wie Benutzer mit den Fachsystemen arbeiten.

Warum wichtig?

Customer Portal, Admin-Konsole, Formulare, API-Client und UI-State-Modell.

Lernziel

Du erkennst Zweck, Ablauf, Modulgrenzen und Betriebsbezug dieses Masters.

Fachliches Mini-Szenario

Szenario: Dieser Master zeigt einen fokussierten Lernabschnitt: Customer Portal, Admin-Konsole, Formulare, API-Client und UI-State-Modell. Der Ablauf ist so aufgebaut, dass man zuerst Zweck und Kontext versteht, danach Module und Runtime liest und erst anschließend tiefer in Code, Muster und Infrastruktur einsteigt.
?

Fachliche Frage

Welche Geschäftsentscheidung wird hier unterstützt und welche Daten müssen nachvollziehbar bleiben?

?

Technische Frage

Welche Module sind wirklich Fachkern und welche sind nur Adapter, Runtime oder Infrastruktur?

Fachliches und technisches SVG

Fachlicher AblaufZielbildModuleAblaufRuntimeQualität
Technischer AblaufREST/APIUse CaseDomainRepositoryOutbox/EventAdapter

Die zwei SVGs trennen bewusst Fachlichkeit und Technik. Dadurch sieht man, ob ein Thema wirklich fachlich ist oder nur eine technische Umsetzungsschicht darstellt.

Modulkarte

Portal UI
API Client
Scenario State
Backend Adapter
Fehleranzeige
Dokumentation
Leseregel: Starte immer beim Fachmodell und gehe erst danach in Adapter, Runtime und Plattform. So bleibt die Architektur verständlich.

Start, Runtime und praktische Nutzung

Schnellstart

Öffne RUNNABLE.html oder nutze den Smoke-Start im jeweiligen Workspace.

Spring/Jakarta

Wo vorhanden, ergänzen Spring Boot oder Jakarta eine echte Runtime. Smoke bleibt der robuste Minimalstart.

Container

Bei Container-Mastern helfen Compose, Kubernetes und OpenShift-Profile beim Betriebsverständnis.

mvn -q -pl runnable-smoke -am package exec:java

Was ist Demo, was wäre Produktion?

  • Demo: lokale Startbarkeit, vereinfachte Adapter, nachvollziehbare Abläufe.
  • Produktionsnah: klare Modulgrenzen, dokumentierte Patterns, Container-/Runtime-Profile und Betriebsdenken.
  • Noch zu ergänzen für echte Produktion: echte Secrets, echte Infrastruktur, Security-Härtung, Lasttests und verbindliche Compliance-Vorgaben.

Weiter im Projekt

Diese Links führen aus dem Lehrbuch in die eigentliche Projektstruktur.

Final UI & Lehrbuch Upgrade · Kacheln, zwei SVG-Perspektiven, Mini-Szenario und bessere Leseführung.

Module und Quellcode

10 Module5 KategorienInhalte vollständig übernommen

Adapter & Integration 1

api-clientAdapter & Integration

Aufgabe: Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Fachlicher Ablauf

• Eingabe prüfen

• Fachliche Aktion ausführen

• Ergebnis dokumentieren

Architekturbausteine

• Adapter / Command / Result Object je nach Modul.

Domain 1

state-modelDomain

Aufgabe: Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Fachlicher Ablauf

• Eingabe prüfen

• Fachliche Aktion ausführen

• Ergebnis dokumentieren

Architekturbausteine

• Adapter / Command / Result Object je nach Modul.

Security 1

mock-auth-uiSecurity

Aufgabe: Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Fachlicher Ablauf

• Eingabe prüfen

• Fachliche Aktion ausführen

• Ergebnis dokumentieren

Architekturbausteine

• Adapter / Command / Result Object je nach Modul.

Testing 1

runnable-smokeTesting

Aufgabe: Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Fachlicher Ablauf

• Eingabe prüfen

• Fachliche Aktion ausführen

• Ergebnis dokumentieren

Architekturbausteine

• Adapter / Command / Result Object je nach Modul.

Weitere Module 6

admin-consoleWeitere Module

Aufgabe: Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Fachlicher Ablauf

• Eingabe prüfen

• Fachliche Aktion ausführen

• Ergebnis dokumentieren

Architekturbausteine

• Adapter / Command / Result Object je nach Modul.

backoffice-portalWeitere Module

Aufgabe: Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Fachlicher Ablauf

• Eingabe prüfen

• Fachliche Aktion ausführen

• Ergebnis dokumentieren

Architekturbausteine

• Adapter / Command / Result Object je nach Modul.

customer-portalWeitere Module

Aufgabe: Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Fachlicher Ablauf

• Eingabe prüfen

• Fachliche Aktion ausführen

• Ergebnis dokumentieren

Architekturbausteine

• Adapter / Command / Result Object je nach Modul.

error-uiWeitere Module

Aufgabe: Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Fachlicher Ablauf

• Eingabe prüfen

• Fachliche Aktion ausführen

• Ergebnis dokumentieren

Architekturbausteine

• Adapter / Command / Result Object je nach Modul.

form-validationWeitere Module

Aufgabe: Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Fachlicher Ablauf

• Eingabe prüfen

• Fachliche Aktion ausführen

• Ergebnis dokumentieren

Architekturbausteine

• Adapter / Command / Result Object je nach Modul.

frontend-shellWeitere Module

Aufgabe: Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Fachlicher Ablauf

• Eingabe prüfen

• Fachliche Aktion ausführen

• Ergebnis dokumentieren

Architekturbausteine

• Adapter / Command / Result Object je nach Modul.

Projektübersicht · Master 23 - Frontend & Backoffice Portal Master
Enterprise Maven Master

Master 23 - Frontend & Backoffice Portal Master

Master 23 - Frontend & Backoffice Portal Master

Dieser Master erweitert die Enterprise-Maven-Reihe um Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Was macht dieser Master?

Er baut auf Master 1 bis 20 auf und macht die Plattform praktischer. Die Inhalte sind nicht als lose Sammlung gedacht, sondern als strukturierter Lern- und Betriebsbaustein.

Ablauf in einfachen Worten

1. Login Mock

2. Dashboard anzeigen

3. Fachfall suchen

4. Formular bearbeiten

5. API aufrufen

6. Fehler anzeigen

7. Aktion abschließen

Start

cd mvn-ws-impl-fe-bo
mvn -q -pl runnable-smoke -am "kw">package exec:java

Enthaltene Module

frontend-shell - Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

customer-portal - Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

backoffice-portal - Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

admin-console - Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

api-client - Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

form-validation - Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

state-model - Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

error-ui - Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

mock-auth-ui - Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

runnable-smoke - Baustein für Benutzeroberflächen, Backoffice-Ansichten, Customer Portal und API-Verbrauch.

Was ist Demo und was wäre Produktion?

Die Beispiele sind bewusst lokal startbar und ohne echte externe Secrets. In Produktion müssten Secrets, Zertifikate, produktive Datenbanken, Monitoring, Backup und Zugriffsrechte über die Zielplattform verwaltet werden.

Start und Runtime · Master 23 - Frontend & Backoffice Portal Master - Runnable
Enterprise Maven Master

Master 23 - Frontend & Backoffice Portal Master - Runnable

Runnable

Der Smoke-Flow zeigt den Kernablauf dieses Masters ohne externe Infrastruktur.

cd mvn-ws-impl-fe-bo
mvn -q -pl runnable-smoke -am "kw">package exec:java

Ablauf

• Login Mock

• Dashboard anzeigen

• Fachfall suchen

• Formular bearbeiten

• API aufrufen

• Fehler anzeigen

• Aktion abschließen

⌂ Cockpit