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

UI Builder · uibuilder@1 uibuilderinstallcomponents

Cloudový editor

Nejrychlejší cesta je cloudová verze editoru, uibuilder.totaljs.com.

Spuštění sami

Editor je malá aplikace Total.js 5, která poskytuje statické soubory. README uvádí tři kroky:

npm install
node index.js

Nejprve si stáhněte zdrojový kód z github.com/totaljs/uibuilder. Aplikace má jednu trasu, která poskytuje její soubory (ROUTE('GET /*')), a soubor config nastavuje název a CDN rozhraní (cdn : //cdn.componentator.com). Editor nepotřebuje databázi.

Co repozitář obsahuje:

Složka nebo soubor	Co obsahuje
`public/`	editor: `ui.js` a `func.js`, formuláře editoru (`forms/*.html`: nastavení, komponenty, schéma, import, kód, cesty...) a obrázky šablon
`public/templates/`	úvodní návrhy: `app.json`, `dashboard.json`, `flowboard.json`, `part.json` a `db.json`
`public/templates.json`	seznam šablon, které editor nabízí (mobilní aplikace a panel HMI existují, ale jsou vypnuté)
`public/template.txt`	kostra nové komponenty (vytvoření komponenty)
`public/render.txt`	stránka, která vykresluje návrh s jComponent 20
`cdn/uibuilder.min@1.js`	runtime, který vykresluje návrh (objekt `UIBuilder` stránky)

Použití vlastního seznamu komponent

Editor čte své komponenty ze seznamu. Můžete jej nasměrovat na vlastní seznam přidáním parametru components k adrese s adresou souboru JSON jako hodnotou:

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

Takto firma dodává vlastní knihovnu komponent bez zásahu do editoru.

Odkud pocházejí části

Návrh uložený editorem nese ve svém poli components adresu knihovny, která obsahuje každou komponentu, takže návrh může později vykreslit kdokoli, kdo se k té adrese dostane (formát JSON).