UI Builder

A Total.js vizuális szerkesztője, amely a felhasználói felületeket JSON fájlként írja le: webalkalmazások, irányítópultok, flowboardok és részek.

ReceptCímkék

Mi az UI Builder: felületek tervezése JSON fájlként

Az UI Builder a Total.js vizuális szerkesztője felhasználói felületekhez: webalkalmazások, irányítópultok, flowboardok és részek, JSON fájllal leírva és web componenttel megjelenítve, szerverkód nélkül.

uibuilderuidesigneroverview

Az UI Builder szerkesztő használata vagy futtatása, és saját komponensek behozatala

Nyisd meg a felhős szerkesztőt, vagy futtasd magad Node.js-szel, mit tartalmaz a projekt, és hogyan töltheted be a saját komponenslistádat a components paraméterrel.

uibuilderinstallcomponents

Egy UI Builder terv JSON formátuma

Az UI Builder által mentett JSON fájl mezői: metaadatok, a CSS a CLASS helyőrzővel, a komponensfa, bemenetek, kimenetek és argumentumok, a kiinduló sablonokkal példaként.

uibuilderjsonschema

Komponens készítése az UI Builderhez

Az UI Builder komponens formátuma: egy HTML fájl a saját stílusával, egy szkripttel, amely exportálja a metaadatait és a make függvényt, egy beállítási űrlappal és egy readme-vel, valamint egy példány jelzői, metódusai és eseményei.

uibuildercomponentsextensions

UI Builder terv megjelenítése a saját oldaladon

Jeleníts meg egy mentett tervet bárhol a j-uibuilder web componenttel és a JSON fájl címével, egyetlen követelményként a jComponent 20-szal.

uibuilderrenderweb component