# 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.

Framework: uibuilder
Product: UI Builder (uibuilder@1)
Language: hu
Content-SHA256: 498c7f9a45e64820e88e2679dadbd1340263a55b87a040db3bbba5795655fa89
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: 
Review: not-recorded

## A felhős szerkesztő

A leggyorsabb a szerkesztő felhőverziója, a [uibuilder.totaljs.com](https://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:

```bash
npm install
node index.js
```

Először töltsd le a forráskódot a [github.com/totaljs/uibuilder](https://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](/en/uibuilder/build-a-component/)) |
| `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:

```text
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](/en/uibuilder/the-ui-json-format/)).