Web UI

Das Handbuch für Web UI gliedert sich in folgende Unterkapitel.

Web UI basiert auf den Technologien HTML5, CSS und JavaScript. Für die Anzeige einer Web-App kann jeder moderne Browser genutzt werden wie z. B. Chrome, Firefox, Edge, Opera oder Safari.

Hier erfahren Sie, welche Komponenten wie zusammenarbeiten und welche Vorbereitungen zu treffen sind.

Projektierung

Die Projektierung der grafischen Oberfläche erfolgt in EASY UI Designer visuell (siehe Design). Alternativ kann z. B. aber auch Visual Studio oder Visual Studio Code genutzt werden. Dort ist aber keine grafische Entwicklung möglich, sondern nur eine textuelle Bearbeitung von HTML, CSS oder JavaScript.

Hier erfahren Sie, wie ein Web UI Projekt angelegt wird und was dazu gehört.

Design

Die grafische Gestaltung der Bedienoberfläche in EASY UI Designer erfolgt durch Platzierung und Konfiguration von Steuerelementen auf sogenannten Pages (Seiten). Ein Steuerelement ist normalerweise die kleinste grafische Einheit, wie z. B. eine Schaltfläche, eine Wert-/Texteingabe oder Ausgabe, eine Liste oder eine Grafik. Durch Eigenschaften wird zum einen das Aussehen dieser Elemente verändert (z. B. Width, Height, BackgroundColor, ForegroundColor), zum anderen die Funktionalität festgelegt (IsLimitCheckEnabled, Visibility).

Hier erfahren Sie, welche Elemente zur grafischen Gestaltung zur Verfügung stehen und wie sie parametriert werden.

Siehe auch

(Welchen Projekttyp soll ich wählen?)
VisiWin Systemmodule (Wo kommen die anzuzeigenden Daten her?)