vue element nocode admin
1.0.0
O editor visual de código do element-ui gera automaticamente código de formulário e código de lista. Não é uma solução visual, é mais uma ferramenta para gerar modelos
Versão web, no ramo de
preview
npm install -g ele-cliO servidor ocupa a porta 3000
ele ui
Existem dois locais em um formulário que precisam ser editados. Um são as propriedades do próprio formulário, como o objeto de formulário, o Ref do formulário (usado para validação do formulário) e o outro são os elementos do formulário contidos no formulário. forma.
Os atributos do formulário podem ser editados na área de edição de atributos do formulário. Existem duas maneiras de gerar elementos de formulário.
Arraste o elemento de formulário para a área de arrastar e edite as propriedades do elemento de formulário
Como ferramenta de edição de formulários, embora arrastar e soltar seja simples, ainda é problemático quando há um grande número de formulários.
Como a interface da nossa empresa é gerenciada através do swagger, sua pós-interface lista os dados, conforme mostrado abaixo
Você pode colar dados facilmente na caixa de entrada de um objeto de formulário JSON, e objetos aninhados são suportados.
Mas os dados colados só têm valor, então defini uma estrutura como value:label , com value como o valor do formulário e label como o rótulo do formulário. Observe que o rótulo precisa ser colocado entre aspas.
{
"id" : 'ID' ,
"title" : '标题' ,
"type" : '类型'
}Em seguida, clique para gerar o formulário. A entrada é gerada por padrão e pode ser modificada na área de edição do elemento do formulário.
Cole os dados retornados pelo back-end na caixa de entrada do formulário gerado, gere o formulário e edite o cabeçalho da tabela. As consultas da tabela serão adicionadas posteriormente.
?
Dê um ️ se esse projeto te ajudou!
