UI Builder
Der visuelle Total.js-Editor, der Benutzeroberflächen als JSON-Datei beschreibt: Web-Apps, Dashboards, Flowboards und Parts.
Was UI Builder ist: Oberflächen als JSON-Datei entwerfen
UI Builder ist der visuelle Editor von Total.js für Benutzeroberflächen: Web-Apps, Dashboards, Flowboards und Parts, beschrieben durch eine JSON-Datei und gerendert von einer Web Component, ohne Servercode.
Den UI-Builder-Editor nutzen oder ausführen und eigene Komponenten einbringen
Öffnen Sie den Cloud-Editor oder führen Sie ihn selbst mit Node.js aus, was das Projekt enthält und wie Sie Ihre eigene Komponentenliste mit dem Parameter components laden.
Das JSON-Format eines UI-Builder-Designs
Die Felder der JSON-Datei, die UI Builder speichert: Metadaten, das CSS mit dem Platzhalter CLASS, der Komponentenbaum, Eingänge, Ausgänge und Argumente, mit den Startvorlagen als Beispiele.
Eine Komponente für UI Builder bauen
Das Format einer UI-Builder-Komponente: eine HTML-Datei mit Stil, einem Skript, das Metadaten und eine Funktion make exportiert, einem Einstellungsformular und einem Readme, plus die Flags, Methoden und Ereignisse einer Instanz.
Ein UI-Builder-Design in Ihrer eigenen Seite rendern
Zeigen Sie ein gespeichertes Design überall mit der Web Component j-uibuilder und der Adresse seiner JSON-Datei, mit jComponent 20 als einziger Voraussetzung.