Mi az UI Builder: felületek tervezése JSON fájlként

Az UI Builder egy vizuális szerkesztő felhasználói felületekhez. Komponenseket húzol egy vászonra, beállítod és összekötöd őket, és az eredmény nem kód, hanem egy JSON fájl, amely leírja a felületet. Egy kis web component bárhol megjeleníti ezt a fájlt, így egy UI Builder terv nem igényel szerveroldali megvalósítást. Nyílt forráskódú MIT licenc alatt; a szerkesztő a totaljs/uibuilder tároló, a felhőverziót pedig a uibuilder.totaljs.com címen használhatod.

Ezek az oldalak a UI Buildert írják le (a tároló 620107a revíziója).

Mire való

A szerkesztő sablonjai megmutatják, milyen felületeket épít:

Sablon	Használat
Web app	egy klasszikus webalkalmazás
Dashboard	adatwidgetek irányítópultja
Flowboard	egy adatfolyamhoz kapcsolt tábla (a Total.js Flow programmal működik)
Part	egy újrafelhasználható felületrész

A szerkesztő mobilalkalmazás- és HMI-panelsablonokat is felsorol, amelyek ebben a verzióban ki vannak kapcsolva. A Total.js az UI Buildert webes űrlapokhoz, irányítópultokhoz, intranetekhez, IoT képernyőkhöz, valamint ERP és CRM felületekhez mutatja be.

Miért illik a Total.js-hez

• A terv adat. Egy JSON fájlt könnyű adatbázisban tárolni, verziózni, generálni és egy másik eszköznek átadni.
• Nincs szüksége különleges környezetre. A megjelenítő egy jComponent web component, így bármelyik oldal meg tud jeleníteni egy tervet.
• Saját komponenseid. A komponens egyetlen HTML fájl a saját stílusával, kódjával és beállítási űrlapjával (komponens készítése).
• Integrálódik a Flow programmal és az OpenPlatform rendszerrel, és támogatja a lokalizációt.

Folytasd ezekkel: a szerkesztő futtatása, JSON formátum és terv megjelenítése az oldaladon. A hivatalos dokumentáció a docs.totaljs.com/uibuilder címen található.