Czym jest UI Builder: projektuj interfejsy jako plik JSON

UI Builder to wizualny edytor interfejsów użytkownika. Przeciągasz komponenty na płótno, konfigurujesz je i łączysz, a wynikiem nie jest kod, lecz plik JSON opisujący interfejs. Mały web component renderuje ten plik wszędzie, więc projekt UI Builder nie wymaga implementacji po stronie serwera. Jest open source na licencji MIT; edytorem jest repozytorium totaljs/uibuilder, a wersji chmurowej możesz używać pod adresem uibuilder.totaljs.com.

Te strony opisują UI Builder (rewizja 620107a repozytorium).

Do czego służy

Szablony edytora pokazują rodzaje interfejsów, które buduje:

Szablon	Zastosowanie
Web app	klasyczna aplikacja webowa
Dashboard	dashboard z widżetami danych
Flowboard	tablica połączona z przepływem danych (działa z Total.js Flow)
Part	wielokrotnego użytku fragment interfejsu

Edytor wymienia też szablony aplikacji mobilnych i paneli HMI, które w tej wersji są wyłączone. Total.js prezentuje UI Builder do formularzy WWW, dashboardów, intranetów, ekranów IoT oraz interfejsów ERP i CRM.

Dlaczego pasuje do Total.js

• Projekt to dane. Plik JSON łatwo zapisać w bazie danych, wersjonować, generować i przekazać innemu narzędziu.
• Nie wymaga specjalnego środowiska. Renderer to web component jComponent, więc każda strona może pokazać projekt.
• Własne komponenty. Komponent to jeden plik HTML ze stylem, kodem i formularzem ustawień (tworzenie komponentu).
• Integruje się z Flow i z OpenPlatform oraz obsługuje lokalizację.

Przejdź do uruchamiania edytora, formatu JSON i renderowania projektu na Twojej stronie. Oficjalna dokumentacja jest pod adresem docs.totaljs.com/uibuilder.