Какво е UI Builder: проектирайте интерфейси като JSON файл

UI Builder е визуален редактор за потребителски интерфейси. Влачите компоненти върху платно, настройвате ги и ги свързвате, а резултатът не е код, а JSON файл, който описва интерфейса. Малък уеб компонент визуализира този файл навсякъде, така че дизайнът на UI Builder не се нуждае от реализация на сървъра. С отворен код е под лиценз MIT; редакторът е хранилището totaljs/uibuilder, а облачната версия можете да ползвате на uibuilder.totaljs.com.

Тези страници описват UI Builder (ревизия 620107a на хранилището).

За какво служи

Шаблоните на редактора показват видовете интерфейси, които изгражда:

Шаблон	Употреба
Web app	класическо уеб приложение
Dashboard	табло с уиджети за данни
Flowboard	табло, свързано с поток от данни (работи с Total.js Flow)
Part	многократно използваема част от интерфейс

Редакторът изброява и шаблони за мобилни приложения и HMI панели, които са изключени в тази версия. Total.js представя UI Builder за уеб форми, табла, интранет, IoT екрани и ERP и CRM интерфейси.

Защо пасва на Total.js

• Дизайнът са данни. JSON файлът лесно се съхранява в база данни, версионира, генерира и предава на друг инструмент.
• Не се нуждае от специална среда. Визуализаторът е уеб компонент на jComponent, така че всяка страница може да покаже дизайн.
• Собствени компоненти. Компонентът е един HTML файл със своя стил, код и форма за настройки (създаване на компонент).
• Интегрира се с Flow и с OpenPlatform и поддържа локализация.

Продължете с стартирането на редактора, JSON формата и визуализирането на дизайн във вашата страница. Официалната документация е на docs.totaljs.com/uibuilder.