# Τι είναι το UI Builder: σχεδιάστε διεπαφές ως αρχείο JSON

> Το UI Builder είναι ο οπτικός επεξεργαστής του Total.js για διεπαφές χρήστη: διαδικτυακές εφαρμογές, πίνακες ελέγχου, flowboards και τμήματα, που περιγράφονται από ένα αρχείο JSON και αποδίδονται από ένα web component, χωρίς κώδικα διακομιστή.

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

Το UI Builder είναι ένας **οπτικός επεξεργαστής διεπαφών χρήστη**. Σύρετε συνιστώσες σε έναν καμβά, τις ρυθμίζετε και τις συνδέετε, και το αποτέλεσμα δεν είναι κώδικας αλλά ένα **αρχείο JSON** που περιγράφει τη διεπαφή. Ένα μικρό web component αποδίδει αυτό το αρχείο οπουδήποτε, οπότε ένας σχεδιασμός UI Builder δεν χρειάζεται υλοποίηση στον διακομιστή. Είναι ανοιχτού κώδικα με **άδεια MIT**· ο επεξεργαστής είναι το αποθετήριο [totaljs/uibuilder](https://github.com/totaljs/uibuilder) και μπορείτε να χρησιμοποιήσετε την έκδοση cloud στο [uibuilder.totaljs.com](https://uibuilder.totaljs.com).

Αυτές οι σελίδες περιγράφουν το UI Builder (αναθεώρηση `620107a` του αποθετηρίου).

## Σε τι χρησιμεύει

Τα πρότυπα του επεξεργαστή δείχνουν τα είδη διεπαφών που χτίζει:

| Πρότυπο | Χρήση |
|---|---|
| Web app | μια κλασική διαδικτυακή εφαρμογή |
| Dashboard | ένας πίνακας ελέγχου με γραφικά στοιχεία δεδομένων |
| Flowboard | ένας πίνακας συνδεδεμένος με μια ροή δεδομένων (λειτουργεί με το [Total.js Flow](https://www.totaljs.com/flow/)) |
| Part | ένα επαναχρησιμοποιήσιμο κομμάτι διεπαφής |

Ο επεξεργαστής απαριθμεί επίσης πρότυπα για εφαρμογές κινητών και πάνελ HMI, που είναι απενεργοποιημένα σε αυτή την έκδοση. Το Total.js παρουσιάζει το UI Builder για διαδικτυακές φόρμες, πίνακες ελέγχου, intranet, οθόνες IoT και διεπαφές ERP και CRM.

## Γιατί ταιριάζει με το Total.js

- **Ο σχεδιασμός είναι δεδομένα.** Ένα αρχείο JSON αποθηκεύεται εύκολα σε βάση δεδομένων, εκδοσιοποιείται, παράγεται και δίνεται σε άλλο εργαλείο.
- **Δεν χρειάζεται ειδικό περιβάλλον.** Ο αποδότης είναι ένα web component του jComponent, οπότε οποιαδήποτε σελίδα μπορεί να δείξει έναν σχεδιασμό.
- **Δικές σας συνιστώσες.** Μια συνιστώσα είναι ένα αρχείο HTML με το στυλ, τον κώδικα και τη φόρμα ρυθμίσεών της ([δημιουργία μιας συνιστώσας](/en/uibuilder/build-a-component/)).
- **Ενσωματώνεται** με το [Flow](https://www.totaljs.com/flow/) και με το [OpenPlatform](/en/openplatform/what-is-openplatform/) και υποστηρίζει τοπική προσαρμογή.

Συνεχίστε με [την εκτέλεση του επεξεργαστή](/en/uibuilder/run-the-designer/), [τη μορφή JSON](/en/uibuilder/the-ui-json-format/) και [την απόδοση ενός σχεδιασμού στη σελίδα σας](/en/uibuilder/render-an-app-in-your-page/). Η επίσημη τεκμηρίωση βρίσκεται στο [docs.totaljs.com/uibuilder](https://docs.totaljs.com/uibuilder/).