UI Builder
L’éditeur visuel Total.js qui décrit les interfaces utilisateur sous forme de fichier JSON : applications web, tableaux de bord, flowboards et parts.
Ce qu’est UI Builder : concevoir des interfaces comme un fichier JSON
UI Builder est l’éditeur visuel de Total.js pour les interfaces utilisateur : applications web, tableaux de bord, flowboards et parts, décrits par un fichier JSON et rendus par un web component, sans code serveur.
Utiliser ou exécuter l’éditeur UI Builder, et apporter vos propres composants
Ouvrez l’éditeur cloud ou exécutez-le vous-même avec Node.js, ce que contient le projet et comment charger votre propre liste de composants avec le paramètre components.
Le format JSON d’un design UI Builder
Les champs du fichier JSON qu’enregistre UI Builder : métadonnées, le CSS avec le marqueur CLASS, l’arbre des composants, entrées, sorties et arguments, avec les modèles de départ comme exemples.
Construire un composant pour UI Builder
Le format d’un composant UI Builder : un fichier HTML avec son style, un script qui exporte ses métadonnées et une fonction make, un formulaire de réglages et un readme, plus les indicateurs, méthodes et événements d’une instance.
Rendre un design UI Builder dans votre propre page
Affichez un design enregistré n’importe où avec le web component j-uibuilder et l’adresse de son fichier JSON, avec jComponent 20 comme seule exigence.