UI Builder
L’editor visuale Total.js che descrive le interfacce utente come un file JSON: web app, dashboard, flowboard e part.
Cos’è UI Builder: progettare interfacce come un file JSON
UI Builder è l’editor visuale di Total.js per le interfacce utente: web app, dashboard, flowboard e part, descritti da un file JSON e renderizzati da un web component, senza codice lato server.
Usare o eseguire l’editor di UI Builder e portare i tuoi componenti
Apri l’editor cloud o eseguilo tu stesso con Node.js, cosa contiene il progetto e come caricare il tuo elenco di componenti con il parametro components.
Il formato JSON di un design di UI Builder
I campi del file JSON che UI Builder salva: metadati, il CSS con il segnaposto CLASS, l’albero dei componenti, ingressi, uscite e argomenti, con i modelli iniziali come esempi.
Costruire un componente per UI Builder
Il formato di un componente di UI Builder: un file HTML con il suo stile, uno script che esporta i metadati e una funzione make, un modulo di impostazioni e un readme, più i flag, i metodi e gli eventi di un’istanza.
Renderizzare un design di UI Builder nella tua pagina
Mostra un design salvato ovunque con il web component j-uibuilder e l’indirizzo del suo file JSON, con jComponent 20 come unico requisito.