UI Builder

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

ΣυνταγήΕτικέτες

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

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

uibuilderuidesigneroverview

Χρήση ή εκτέλεση του επεξεργαστή UI Builder και δικές σας συνιστώσες

Ανοίξτε τον επεξεργαστή στο cloud ή εκτελέστε τον μόνοι σας με Node.js, τι περιέχει το έργο και πώς φορτώνετε τη δική σας λίστα συνιστωσών με την παράμετρο components.

uibuilderinstallcomponents

Η μορφή JSON ενός σχεδιασμού UI Builder

Τα πεδία του αρχείου JSON που αποθηκεύει το UI Builder: μεταδεδομένα, το CSS με το σύμβολο κράτησης CLASS, το δέντρο συνιστωσών, είσοδοι, έξοδοι και ορίσματα, με τα αρχικά πρότυπα ως παραδείγματα.

uibuilderjsonschema

Φτιάξτε μια συνιστώσα για το UI Builder

Η μορφή μιας συνιστώσας UI Builder: ένα αρχείο HTML με το στυλ της, ένα σενάριο που εξάγει τα μεταδεδομένα και μια συνάρτηση make, μια φόρμα ρυθμίσεων και ένα readme, μαζί με τις σημαίες, τις μεθόδους και τα γεγονότα μιας παρουσίας.

uibuildercomponentsextensions

Απόδοση ενός σχεδιασμού UI Builder στη δική σας σελίδα

Εμφανίστε έναν αποθηκευμένο σχεδιασμό οπουδήποτε με το web component j-uibuilder και τη διεύθυνση του αρχείου JSON του, με μόνη απαίτηση το jComponent 20.

uibuilderrenderweb component