Ce este UI Builder: proiectează interfețe ca un fișier JSON

UI Builder este un editor vizual pentru interfețe de utilizator. Tragi componente pe o pânză, le configurezi și le conectezi, iar rezultatul nu este cod, ci un fișier JSON care descrie interfața. Un mic web component randează acel fișier oriunde, așa că un design UI Builder nu are nevoie de implementare pe server. Este open source sub licența MIT; editorul este depozitul totaljs/uibuilder, iar versiunea în cloud o poți folosi la uibuilder.totaljs.com.

Aceste pagini descriu UI Builder (revizia 620107a a depozitului).

La ce folosește

Șabloanele editorului arată tipurile de interfețe pe care le construiește:

Șablon	Utilizare
Web app	o aplicație web clasică
Dashboard	un tablou de bord cu widgeturi de date
Flowboard	o tablă conectată la un flux de date (funcționează cu Total.js Flow)
Part	o piesă de interfață reutilizabilă

Editorul listează și șabloane pentru aplicații mobile și panouri HMI, care sunt dezactivate în această versiune. Total.js prezintă UI Builder pentru formulare web, tablouri de bord, intraneturi, ecrane IoT și interfețe ERP și CRM.

De ce se potrivește cu Total.js

• Designul este date. Un fișier JSON este ușor de stocat într-o bază de date, de versionat, de generat și de dat altui instrument.
• Nu are nevoie de un mediu special. Randatorul este un web component jComponent, așa că orice pagină poate afișa un design.
• Componentele tale. O componentă este un fișier HTML cu stilul, codul și formularul ei de setări (construiește o componentă).
• Se integrează cu Flow și cu OpenPlatform și suportă localizarea.

Continuă cu rularea editorului, formatul JSON și randarea unui design în pagina ta. Documentația oficială se află la docs.totaljs.com/uibuilder.