Vad UI Builder är: designa gränssnitt som en JSON-fil

UI Builder är en visuell editor för användargränssnitt. Du drar komponenter till en arbetsyta, konfigurerar och kopplar ihop dem, och resultatet är inte kod utan en JSON-fil som beskriver gränssnittet. En liten webbkomponent renderar den filen var som helst, så en UI Builder-design behöver ingen implementation på serversidan. Den är öppen källkod under MIT-licensen; editorn är förrådet totaljs/uibuilder, och du kan använda molnversionen på uibuilder.totaljs.com.

De här sidorna beskriver UI Builder (revision 620107a av förrådet).

Vad den är till för

Editorns mallar visar vilka slags gränssnitt den bygger:

Mall	Användning
Web app	en klassisk webbapplikation
Dashboard	en instrumentpanel med datawidgetar
Flowboard	en tavla kopplad till ett dataflöde (den fungerar med Total.js Flow)
Part	en återanvändbar bit gränssnitt

Editorn listar också mallar för mobilappar och HMI-paneler, som är avstängda i den här versionen. Total.js presenterar UI Builder för webbformulär, instrumentpaneler, intranät, IoT-skärmar samt ERP- och CRM-gränssnitt.

Varför den passar Total.js

• Designen är data. En JSON-fil är lätt att lagra i en databas, versionshantera, generera och ge till ett annat verktyg.
• Den behöver ingen särskild miljö. Renderaren är en jComponent-webbkomponent, så vilken sida som helst kan visa en design.
• Dina egna komponenter. En komponent är en HTML-fil med sin stil, sin kod och sitt inställningsformulär (bygga en komponent).
• Den integreras med Flow och med OpenPlatform, och stöder lokalisering.

Fortsätt med köra editorn, JSON-formatet och rendera en design på din sida. Den officiella dokumentationen finns på docs.totaljs.com/uibuilder.