vue element nocode admin
1.0.0
El editor visual de código de element-ui genera automáticamente código de formulario y código de lista. No es una solución visual, más bien una herramienta para generar plantillas.
Versión web, en rama de
preview
npm install -g ele-cliEl servidor ocupa el puerto 3000
ele ui
Hay dos lugares en un formulario que deben editarse. Uno son las propiedades del formulario en sí, como el objeto del formulario, la referencia del formulario (utilizada para la validación del formulario), y el otro son los elementos del formulario contenidos en el formulario. forma.
Los atributos del formulario se pueden editar en el área de edición de atributos del formulario. Hay dos formas de generar elementos del formulario.
Arrastre el elemento de formulario al área de arrastre y luego edite las propiedades del elemento de formulario
Como herramienta de edición de formularios, aunque arrastrar y soltar es simple, sigue siendo problemático cuando hay una gran cantidad de formularios.
Debido a que la interfaz de nuestra empresa se administra a través de swagger, su interfaz de publicación enumera los datos, como se muestra a continuación.
Puede pegar datos fácilmente en el cuadro de entrada de un objeto de formulario JSON y se admiten objetos anidados.
Pero los datos pegados solo tienen valor, así que definí una estructura como value:label , con value como el valor del formulario y label como la etiqueta del formulario. Tenga en cuenta que la etiqueta debe estar entre comillas.
{
"id" : 'ID' ,
"title" : '标题' ,
"type" : '类型'
}Luego haga clic para generar el formulario. La entrada se genera de forma predeterminada y se puede modificar en el área de edición del elemento del formulario.
Pegue los datos devueltos por el backend en el cuadro de entrada del formulario generado, genere el formulario y luego edite el encabezado de la tabla. Las consultas de la tabla se agregarán más adelante.
sarva
¡Dale un ️ si este proyecto te ayudó!
