Aufbau eines Web App-Projekts

Backend

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

Projekt: Name des Web App-Projekts
Components: Separate Definitionen für die einzelnen Components. Der Ordner darf lediglich Definitionen für List Components, Detail 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 kann nicht gelöscht werden. Diese Datei wird beim Anlegen eines Web App Projects automatisch angelegt und kann nicht gelöscht werden.

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:

Projekt.headersection: Definition eines eigenen Headers, der anstelle des Standard-Headers angezeigt wird
Projekt.login: Definition der Inhalte für den Anmeldedialog der Web App
Projekt.param: Definition der Optionen für die Projekt-Parameter
Projekt.profiling: Definition der Optionen für das Monitoring der Profiling-Daten

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:

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 Resource Owner Password Flow 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.