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

UI Builder · uibuilder@1 uibuilderinstallcomponents

A felhős szerkesztő

A leggyorsabb a szerkesztő felhőverziója, a uibuilder.totaljs.com.

Futtatás magad

A szerkesztő egy kis Total.js 5 alkalmazás, amely statikus fájlokat szolgál ki. A README három lépést ad:

npm install
node index.js

Először töltsd le a forráskódot a github.com/totaljs/uibuilder címről. Az alkalmazásnak van egy útvonala, amely kiszolgálja a fájljait (ROUTE('GET /*')), a config fájl pedig beállítja a felület nevét és CDN-jét (cdn : //cdn.componentator.com). A szerkesztőnek nincs szüksége adatbázisra.

Mit tartalmaz a tároló:

Mappa vagy fájl	Mit tartalmaz
`public/`	a szerkesztő: a `ui.js` és a `func.js`, a szerkesztő űrlapjai (`forms/*.html`: beállítások, komponensek, séma, importálás, kód, útvonalak...) és a sablonok képei
`public/templates/`	a kiinduló tervek: `app.json`, `dashboard.json`, `flowboard.json`, `part.json` és `db.json`
`public/templates.json`	a szerkesztő által kínált sablonok listája (létezik egy mobilalkalmazás és egy HMI panel, de ki vannak kapcsolva)
`public/template.txt`	egy új komponens váza (komponens készítése)
`public/render.txt`	egy oldal, amely jComponent 20-szal jelenít meg egy tervet
`cdn/uibuilder.min@1.js`	a futtatókörnyezet, amely megjelenít egy tervet (az oldal `UIBuilder` objektuma)

Saját komponenslista használata

A szerkesztő egy listából olvassa a komponenseit. Saját listára irányíthatod, ha a címhez hozzáadod a components paramétert, értékként egy JSON fájl címével:

https://uibuilder.totaljs.com?components=URL_TO_YOUR_JSON_DB

Így szállítja egy cég a saját komponenskönyvtárát a szerkesztő érintése nélkül.

Honnan jönnek az elemek

A szerkesztő által mentett terv a components mezőjében hordozza minden komponens könyvtárának címét, így a tervet később bárki megjelenítheti, aki eléri azt a címet (a JSON formátum).