Was UI Builder ist: Oberflächen als JSON-Datei entwerfen

UI Builder ist ein visueller Editor für Benutzeroberflächen. Sie ziehen Komponenten auf eine Arbeitsfläche, konfigurieren und verbinden sie, und das Ergebnis ist kein Code, sondern eine JSON-Datei, die die Oberfläche beschreibt. Eine kleine Web Component rendert diese Datei überall, sodass ein UI-Builder-Design keine serverseitige Implementierung braucht. Es ist Open Source unter der MIT-Lizenz; der Editor ist das Repository totaljs/uibuilder, und Sie können die Cloud-Version unter uibuilder.totaljs.com nutzen.

Diese Seiten beschreiben UI Builder (Revision 620107a des Repositorys).

Wofür es gedacht ist

Die Vorlagen des Editors zeigen, welche Arten von Oberflächen er baut:

Vorlage	Verwendung
Web app	eine klassische Webanwendung
Dashboard	ein Dashboard mit Daten-Widgets
Flowboard	ein Board, das mit einem Datenfluss verbunden ist (es funktioniert mit Total.js Flow)
Part	ein wiederverwendbares Stück Oberfläche

Der Editor listet außerdem Vorlagen für mobile Apps und HMI-Panels, die in dieser Version abgeschaltet sind. Total.js stellt UI Builder für Webformulare, Dashboards, Intranets, IoT-Bildschirme sowie ERP- und CRM-Oberflächen vor.

Warum es zu Total.js passt

• Das Design sind Daten. Eine JSON-Datei lässt sich leicht in einer Datenbank speichern, versionieren, erzeugen und an ein anderes Werkzeug weitergeben.
• Es braucht keine besondere Umgebung. Der Renderer ist eine jComponent-Web-Component, sodass jede Seite ein Design anzeigen kann.
• Eigene Komponenten. Eine Komponente ist eine HTML-Datei mit Stil, Code und Einstellungsformular (Eine Komponente bauen).
• Es integriert sich mit Flow und mit OpenPlatform und unterstützt Lokalisierung.

Machen Sie weiter mit Den Editor ausführen, dem JSON-Format und Ein Design in Ihrer Seite rendern. Die offizielle Dokumentation finden Sie unter docs.totaljs.com/uibuilder.