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

Ένας σχεδιασμός είναι ένα αρχείο JSON (η μορφή) και η απόδοσή του είναι μία συνιστώσα. Το README του επεξεργαστή το δείχνει με το web component j-uibuilder:

Το config="url:..." είναι η διεύθυνση του αρχείου JSON του σχεδιασμού. Η σελίδα χρειάζεται το jComponent 20 και τη συνιστώσα uibuilder· ο ίδιος ο επεξεργαστής σερβίρει μια έτοιμη σελίδα γι’ αυτό (public/render.txt) που φορτώνει το jComponent από το CDN:

Τότε ο σχεδιασμός εμφανίζεται εκεί όπου βάζετε την ετικέτα: μια φόρμα, ένας πίνακας ελέγχου, ένας πίνακας μιας ροής. Επειδή ο σχεδιασμός είναι δεδομένα, η εφαρμογή σας μπορεί να αποφασίσει ποιο αρχείο θα δείξει ανά χρήστη ή ανά πελάτη.

Τι σας δίνει ήδη η σελίδα του Forge

• Ο κατάλογος συνιστωσών του Forge έχει τη σελίδα uibuilder, που δημιουργείται από το αποθετήριο των συνιστωσών, με το readme και το παράδειγμά της.
• Στον επεξεργαστή, η λίστα συνιστωσών που χρησιμοποιεί ένας σχεδιασμός είναι αυτή στο πεδίο components· ένας σχεδιασμός μπορεί να αποδοθεί μόνο εκεί όπου είναι προσβάσιμες αυτές οι συνιστώσες.

Καλό είναι να ξέρετε

• Δεν χρειάζεστε τον επεξεργαστή για να αποδώσετε: οποιαδήποτε σελίδα με jComponent 20 μπορεί να το κάνει.
• Το runtime που αποδίδει έναν σχεδιασμό είναι το cdn/uibuilder.min@1.js στο αποθετήριο του επεξεργαστή.
• Το UI Studio, που αναφέρεται ανάμεσα στα πρότυπα εφαρμογών του Total.js, βασίζεται στην ίδια ιδέα (εφαρμογές Total.js).