UI Builder

Vizuální editor Total.js, který popisuje uživatelská rozhraní jako soubor JSON: webové aplikace, dashboardy, flowboardy a části.

ReceptŠtítky

Co je UI Builder: navrhujte rozhraní jako soubor JSON

UI Builder je vizuální editor Total.js pro uživatelská rozhraní: webové aplikace, dashboardy, flowboardy a části, popsané souborem JSON a vykreslované webovou komponentou, bez serverového kódu.

uibuilderuidesigneroverview

Použití nebo spuštění editoru UI Builder a vlastní komponenty

Otevřete cloudový editor nebo jej spusťte sami přes Node.js, co projekt obsahuje a jak načíst vlastní seznam komponent parametrem components.

uibuilderinstallcomponents

Formát JSON návrhu UI Builder

Pole souboru JSON, který ukládá UI Builder: metadata, CSS se zástupným symbolem CLASS, strom komponent, vstupy, výstupy a argumenty, s úvodními šablonami jako příklady.

uibuilderjsonschema

Vytvoření komponenty pro UI Builder

Formát komponenty UI Builder: jeden soubor HTML se stylem, skriptem, který exportuje metadata a funkci make, formulářem nastavení a readme, plus příznaky, metody a události instance.

uibuildercomponentsextensions

Vykreslení návrhu UI Builder na vlastní stránce

Zobrazte uložený návrh kdekoli pomocí webové komponenty j-uibuilder a adresy jeho souboru JSON, s jComponent 20 jako jediným požadavkem.

uibuilderrenderweb component