-
vue-element-nocode-admin是一款基于element-ui的代码可视化编辑工具
资源介绍
Welcome to ele-cli :waving_hand:
element-ui 的代码可视化编辑器,自动生成表单代码,列表代码。不是一个可视化解决方案,更像是生成模板的工具
:house:
网页版本,在preview分支
Install
npm install -g ele-cli
How to Use
服务端占用 3000 端口
ele ui
表单
一份表单有两个需要编辑的地方,一个是表单本身的属性,比如表单对象,表单的 Ref(用于表单验证),另一个就是表单包含的表单元素。
表单属性在表单属性编辑区可以编辑,表单元素的生成有两种方式
拖拽
将表单元素拖拽到拖拽区,然后编辑表单元素属性
支持 JSON 转化为表单
作为一个表单编辑工具,拖拽虽然简单,但是表单数量多的时候还是很麻烦。
因为我司接口通过 swagger 管理,其 post 接口列出了数据,如下图
你可以很方便的把数据粘贴至 JSON 表单对象的输入框,