X4 Produktdokumentation
X4 Produktdokumentation
Breadcrumbs

Aufbau eines Web App Projects

Backend

Wenn Sie ein Web App Project erstellen, wird im X4 Designer folgende Projektstruktur angelegt:

image-20250630-080905.png


  • Projekt: Name des Web App Projects

  • Components: Separate Definitionen für die einzelnen Components. Der Ordner darf lediglich Definitionen für List Components, Detail Components, Form Components MasterDetail Components, Calendar Components und Grid Components enthalten.

  • Resources: Alle Ressourcen der Web App, z. B. Bilder. Kann Unterordner enthalten. Die Inhalte dieses Ordners können über das Internet erreicht werden.

  • Services:

    • Adapters: Adapter, die im Projekt verwendet werden. Kann Unterordner enthalten.

    • Processes: Technical Processes. Kann Unterordner enthalten.

    • Resources: Alle Ressourcen, die in technischen Prozessen verwendet werden. Kann Text-, XML-, XHTML-, SQL- und Binärdateien enthalten. Kann Unterordner enthalten.

    • TemporaryFiles: Temporäre Dateien. Kann Text- und XML-Dateien enthalten. Kann Unterordner enthalten.

    • Transformations: Mappings für Prozesse. Kann XSLT- und REP-Dateien enthalten. Kann Unterordner enthalten.

  • Translations: Enthält die einzelnen Sprachdateien für mehrsprachige Oberflächen.

  • Projekt.dpr: Angaben zum Datenschutz, entweder als Text oder als Verlinkung zu einer externen Seite

  • Projekt.imprint: Impressum, entweder als Text oder als Verlinkung zu einer externen Seite

  • Projekt.theme: Theme der Anwendung. Kann mit einem Theme-Designer definiert werden.

  • Projekt.wac: Datei mit der Konfiguration der Web App. Diese Datei wird beim Anlegen eines Web App Projects automatisch angelegt und kann nicht gelöscht werden.

  • Projekt.wad: Datei mit der Definition der Web App. Diese Datei wird beim Anlegen eines Web App Projects automatisch angelegt und kann nicht gelöscht werden.
image-20250630-081249.png



Wenn Sie mit der rechten Maustaste auf den Namen des Web App-Projekts klicken, können Sie über den Befehl New im Kontextmenü folgende Dateien anlegen:

  • HeaderSection: Definition eines eigenen Headers, der anstelle des Standard-Headers angezeigt wird (siehe HeaderSection)

  • Monitoring: Definition der Optionen für das Monitoring der Profiling-Daten (siehe Prozessmonitoring)

  • Project Parameter Configuration: Definition der Optionen für die Projekt-Parameter (siehe Projekt-Parameter)

Die Ordner Resources, Services und Translations enthalten direkt nach dem Erstellen eines Projekts keine weiteren Dateien. Die Dateien für die Angaben zum Datenschutz und für das Impressum haben zunächst ebenfalls keinen Inhalt und können gelöscht werden, wenn sie im Projekt nicht benötigt werden.

Hinweis:

Beachten Sie, dass alle Dateiressourcen im Ordner Resources via HTTP(S) relativ zum Pfad der Web App bereitgestellt werden.

Frontend

Das Frontend einer Web App ist wie folgt aufgebaut:

image-20240708-055550.png

1

Benutzermenü

Hinweis:

Wenn Sie das Symbol auswählen, werden der angemeldete Benutzer sowie die Funktionen zum Ändern des Passworts und zum Abmelden angezeigt. Das Benutzermenü wird nur für Web Apps mit dem Authorization Flow Authenticated angezeigt.

2

Automatisch generierte Links zur Datenschutzerklärung und zum Impressum

3

Automatisch generiertes Menü der Web App, das aus den Anzeigenamen der Components gebildet wird.

4

Logo und Anzeigename der Web App

Hinweis:

Wenn in der Configuration kein Logo festgelegt wird, wird hier der Anzeigename der Web App angezeigt.

5

Bereich für den Inhalt der Component. Die Darstellung hängt von der Art der Component, dem verwendeten Layout und den verwendeten Controls ab.