vue element nocode admin
1.0.0
L'éditeur visuel de code d'element-ui génère automatiquement le code de formulaire et le code de liste. Pas une solution visuelle, plutôt un outil pour générer des modèles
Version Web, dans la branche
preview
npm install -g ele-cliLe serveur occupe le port 3000
ele ui
Il y a deux endroits dans un formulaire qui doivent être modifiés. L'un concerne les propriétés du formulaire lui-même, telles que l'objet du formulaire, la référence du formulaire (utilisée pour la validation du formulaire), et l'autre concerne les éléments du formulaire contenus dans le formulaire. formulaire.
Les attributs de formulaire peuvent être modifiés dans la zone d'édition des attributs de formulaire. Il existe deux manières de générer des éléments de formulaire.
Faites glisser l'élément de formulaire vers la zone de déplacement, puis modifiez les propriétés de l'élément de formulaire.
En tant qu'outil d'édition de formulaires, même si le glisser-déposer est simple, il reste problématique lorsqu'il existe un grand nombre de formulaires.
Étant donné que l'interface de notre entreprise est gérée via swagger, son interface de publication répertorie les données, comme indiqué ci-dessous.
Vous pouvez facilement coller des données dans la zone de saisie d'un objet de formulaire JSON et les objets imbriqués sont pris en charge.
Mais les données collées n'ont que de la valeur, j'ai donc défini une structure comme value:label , avec value comme valeur du formulaire et label comme étiquette du formulaire. Notez que l'étiquette doit être placée entre guillemets.
{
"id" : 'ID' ,
"title" : '标题' ,
"type" : '类型'
}Cliquez ensuite pour générer le formulaire. L'entrée est générée par défaut et peut être modifiée dans la zone d'édition des éléments du formulaire.
Collez les données renvoyées par le backend dans la zone de saisie du formulaire généré, générez le formulaire, puis modifiez l'en-tête du tableau. Les requêtes du tableau seront ajoutées ultérieurement.
?
Donnez un ️ si ce projet vous a aidé !
