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

UI Builder · uibuilder@1 uibuilderinstallcomponents

Cloudový editor

Najrýchlejšia cesta je cloudová verzia editora, uibuilder.totaljs.com.

Spustenie sami

Editor je malá aplikácia Total.js 5, ktorá poskytuje statické súbory. README uvádza tri kroky:

npm install
node index.js

Najprv si stiahnite zdrojový kód z github.com/totaljs/uibuilder. Aplikácia má jednu trasu, ktorá poskytuje jej súbory (ROUTE('GET /*')), a súbor config nastavuje názov a CDN rozhrania (cdn : //cdn.componentator.com). Editor nepotrebuje databázu.

Čo repozitár obsahuje:

Priečinok alebo súbor	Čo obsahuje
`public/`	editor: `ui.js` a `func.js`, formuláre editora (`forms/*.html`: nastavenia, komponenty, schéma, import, kód, cesty...) a obrázky šablón
`public/templates/`	úvodné dizajny: `app.json`, `dashboard.json`, `flowboard.json`, `part.json` a `db.json`
`public/templates.json`	zoznam šablón, ktoré editor ponúka (mobilná aplikácia a panel HMI existujú, ale sú vypnuté)
`public/template.txt`	kostra nového komponentu (vytvorenie komponentu)
`public/render.txt`	stránka, ktorá vykresľuje dizajn s jComponent 20
`cdn/uibuilder.min@1.js`	runtime, ktorý vykresľuje dizajn (objekt `UIBuilder` stránky)

Použitie vlastného zoznamu komponentov

Editor číta svoje komponenty zo zoznamu. Môžete ho nasmerovať na vlastný zoznam pridaním parametra components k adrese s adresou súboru JSON ako hodnotou:

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

Takto firma dodáva vlastnú knižnicu komponentov bez zásahu do editora.

Odkiaľ pochádzajú časti

Dizajn uložený editorom nesie vo svojom poli components adresu knižnice, ktorá obsahuje každý komponent, takže dizajn môže neskôr vykresliť ktokoľvek, kto sa k tej adrese dostane (formát JSON).