UI Builder

Vizuálny editor Total.js, ktorý opisuje používateľské rozhrania ako súbor JSON: webové aplikácie, dashboardy, flowboardy a časti.

ReceptŠtítky

Čo je UI Builder: navrhujte rozhrania ako súbor JSON

UI Builder je vizuálny editor Total.js pre používateľské rozhrania: webové aplikácie, dashboardy, flowboardy a časti, opísané súborom JSON a vykresľované webovým komponentom, bez serverového kódu.

uibuilderuidesigneroverview

Použitie alebo spustenie editora UI Builder a vlastné komponenty

Otvorte cloudový editor alebo ho spustite sami cez Node.js, čo projekt obsahuje a ako načítať vlastný zoznam komponentov parametrom components.

uibuilderinstallcomponents

Formát JSON dizajnu UI Builder

Polia súboru JSON, ktorý ukladá UI Builder: metadáta, CSS so zástupným symbolom CLASS, strom komponentov, vstupy, výstupy a argumenty, s úvodnými šablónami ako príkladmi.

uibuilderjsonschema

Vytvorenie komponentu pre UI Builder

Formát komponentu UI Builder: jeden súbor HTML so štýlom, skriptom, ktorý exportuje metadáta a funkciu make, formulárom nastavení a readme, plus príznaky, metódy a udalosti inštancie.

uibuildercomponentsextensions

Vykreslenie dizajnu UI Builder na vlastnej stránke

Zobrazte uložený dizajn kdekoľvek pomocou webového komponentu j-uibuilder a adresy jeho súboru JSON, s jComponent 20 ako jedinou požiadavkou.

uibuilderrenderweb component