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

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

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

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

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

Πρότυπο	Χρήση
Web app	μια κλασική διαδικτυακή εφαρμογή
Dashboard	ένας πίνακας ελέγχου με γραφικά στοιχεία δεδομένων
Flowboard	ένας πίνακας συνδεδεμένος με μια ροή δεδομένων (λειτουργεί με το Total.js Flow)
Part	ένα επαναχρησιμοποιήσιμο κομμάτι διεπαφής

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

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

• Ο σχεδιασμός είναι δεδομένα. Ένα αρχείο JSON αποθηκεύεται εύκολα σε βάση δεδομένων, εκδοσιοποιείται, παράγεται και δίνεται σε άλλο εργαλείο.
• Δεν χρειάζεται ειδικό περιβάλλον. Ο αποδότης είναι ένα web component του jComponent, οπότε οποιαδήποτε σελίδα μπορεί να δείξει έναν σχεδιασμό.
• Δικές σας συνιστώσες. Μια συνιστώσα είναι ένα αρχείο HTML με το στυλ, τον κώδικα και τη φόρμα ρυθμίσεών της (δημιουργία μιας συνιστώσας).
• Ενσωματώνεται με το Flow και με το OpenPlatform και υποστηρίζει τοπική προσαρμογή.

Συνεχίστε με την εκτέλεση του επεξεργαστή, τη μορφή JSON και την απόδοση ενός σχεδιασμού στη σελίδα σας. Η επίσημη τεκμηρίωση βρίσκεται στο docs.totaljs.com/uibuilder.