Co je UI Builder: navrhujte rozhraní jako soubor JSON

UI Builder je vizuální editor uživatelských rozhraní. Přetahujete komponenty na plátno, nastavujete je a propojujete a výsledkem není kód, ale soubor JSON, který rozhraní popisuje. Malá webová komponenta tento soubor vykreslí kdekoli, takže návrh UI Builder nepotřebuje serverovou implementaci. Je open source pod licencí MIT; editorem je repozitář totaljs/uibuilder a můžete použít cloudovou verzi na uibuilder.totaljs.com.

Tyto stránky popisují UI Builder (revize 620107a repozitáře).

K čemu slouží

Šablony editoru ukazují druhy rozhraní, které vytváří:

Šablona	Použití
Web app	klasická webová aplikace
Dashboard	dashboard datových widgetů
Flowboard	tabule propojená s tokem dat (funguje s Total.js Flow)
Part	opakovaně použitelná část rozhraní

Editor uvádí také šablony pro mobilní aplikace a panely HMI, které jsou v této verzi vypnuté. Total.js představuje UI Builder pro webové formuláře, dashboardy, intranety, obrazovky IoT a rozhraní ERP a CRM.

Proč se hodí k Total.js

• Návrh jsou data. Soubor JSON se snadno ukládá do databáze, verzuje, generuje a předává jinému nástroji.
• Nepotřebuje zvláštní prostředí. Vykreslovač je webová komponenta jComponent, takže návrh může zobrazit jakákoli stránka.
• Vlastní komponenty. Komponenta je jeden soubor HTML se stylem, kódem a formulářem nastavení (vytvoření komponenty).
• Integruje se s Flow a s OpenPlatform a podporuje lokalizaci.

Pokračujte s spuštěním editoru, formátem JSON a vykreslením návrhu na vaší stránce. Oficiální dokumentace je na docs.totaljs.com/uibuilder.