Čo je UI Builder: navrhujte rozhrania ako súbor JSON

UI Builder je vizuálny editor používateľských rozhraní. Presúvate komponenty na plátno, nastavujete ich a prepájate a výsledkom nie je kód, ale súbor JSON, ktorý rozhranie opisuje. Malý webový komponent tento súbor vykreslí kdekoľvek, takže dizajn UI Builder nepotrebuje serverovú implementáciu. Je open source pod licenciou MIT; editorom je repozitár totaljs/uibuilder a môžete použiť cloudovú verziu na uibuilder.totaljs.com.

Tieto stránky opisujú UI Builder (revízia 620107a repozitára).

Na čo slúži

Šablóny editora ukazujú druhy rozhraní, ktoré vytvára:

Šablóna	Použitie
Web app	klasická webová aplikácia
Dashboard	dashboard dátových widgetov
Flowboard	tabuľa prepojená s tokom dát (funguje s Total.js Flow)
Part	opakovane použiteľná časť rozhrania

Editor uvádza aj šablóny pre mobilné aplikácie a panely HMI, ktoré sú v tejto verzii vypnuté. Total.js predstavuje UI Builder pre webové formuláre, dashboardy, intranety, obrazovky IoT a rozhrania ERP a CRM.

Prečo sa hodí k Total.js

• Dizajn sú dáta. Súbor JSON sa ľahko ukladá do databázy, verzuje, generuje a odovzdáva inému nástroju.
• Nepotrebuje špeciálne prostredie. Vykresľovač je webový komponent jComponent, takže dizajn môže zobraziť ľubovoľná stránka.
• Vlastné komponenty. Komponent je jeden súbor HTML so štýlom, kódom a formulárom nastavení (vytvorenie komponentu).
• Integruje sa s Flow a s OpenPlatform a podporuje lokalizáciu.

Pokračujte s spustením editora, formátom JSON a vykreslením dizajnu na vašej stránke. Oficiálna dokumentácia je na docs.totaljs.com/uibuilder.