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

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

Az UI Builder egy **vizuális szerkesztő felhasználói felületekhez**. Komponenseket húzol egy vászonra, beállítod és összekötöd őket, és az eredmény nem kód, hanem egy **JSON fájl**, amely leírja a felületet. Egy kis web component bárhol megjeleníti ezt a fájlt, így egy UI Builder terv nem igényel szerveroldali megvalósítást. Nyílt forráskódú **MIT licenc** alatt; a szerkesztő a [totaljs/uibuilder](https://github.com/totaljs/uibuilder) tároló, a felhőverziót pedig a [uibuilder.totaljs.com](https://uibuilder.totaljs.com) címen használhatod.

Ezek az oldalak a UI Buildert írják le (a tároló `620107a` revíziója).

## Mire való

A szerkesztő sablonjai megmutatják, milyen felületeket épít:

| Sablon | Használat |
|---|---|
| Web app | egy klasszikus webalkalmazás |
| Dashboard | adatwidgetek irányítópultja |
| Flowboard | egy adatfolyamhoz kapcsolt tábla (a [Total.js Flow](https://www.totaljs.com/flow/) programmal működik) |
| Part | egy újrafelhasználható felületrész |

A szerkesztő mobilalkalmazás- és HMI-panelsablonokat is felsorol, amelyek ebben a verzióban ki vannak kapcsolva. A Total.js az UI Buildert webes űrlapokhoz, irányítópultokhoz, intranetekhez, IoT képernyőkhöz, valamint ERP és CRM felületekhez mutatja be.

## Miért illik a Total.js-hez

- **A terv adat.** Egy JSON fájlt könnyű adatbázisban tárolni, verziózni, generálni és egy másik eszköznek átadni.
- **Nincs szüksége különleges környezetre.** A megjelenítő egy jComponent web component, így bármelyik oldal meg tud jeleníteni egy tervet.
- **Saját komponenseid.** A komponens egyetlen HTML fájl a saját stílusával, kódjával és beállítási űrlapjával ([komponens készítése](/en/uibuilder/build-a-component/)).
- **Integrálódik** a [Flow](https://www.totaljs.com/flow/) programmal és az [OpenPlatform](/en/openplatform/what-is-openplatform/) rendszerrel, és támogatja a lokalizációt.

Folytasd ezekkel: [a szerkesztő futtatása](/en/uibuilder/run-the-designer/), [JSON formátum](/en/uibuilder/the-ui-json-format/) és [terv megjelenítése az oldaladon](/en/uibuilder/render-an-app-in-your-page/). A hivatalos dokumentáció a [docs.totaljs.com/uibuilder](https://docs.totaljs.com/uibuilder/) címen található.