博客Issue1Title:FormMaking--基于vue和element-ui的表单设计器,可以让表单开发变得简单高效。{Date:'2020-03-04',Author:Palapple,tag:['Vue','JS','React','AntDesignPro','Formmaking']}FormMarking研究的基本情况是基于vue和element-ui实现的表单设计器采用最新的前端技术栈,内置i18n国际化解决方案,可以让表单开发变得简单高效。ComponentMakingForm表单设计器(基于可视化操作快速设计表单页面,获取表单配置json数据)。GenerateForm表单生成器(根据设计器中获取的配置json数据,快速渲染表单页面)。在线预览使用文档的高级版本提供更多的组件和操作API功能。可视化配置页面提供网格布局,使用flex实现对齐。一键预览配置效果。一键生成配置json数据。自定义组件满足用户自定义需求提供远程数据接口,方便用户异步获取数据,高效完成form与json的双向转换;个性化定制,可以添加自定义类覆盖原有样式,满足业务实际需求;支持Element-ui和AntDesign-ui;提供多种api接口对数据和字段进行操作;缺点是高级元器件数量不够;vue原生的antd包含57个组件,还有很多高级组件,比如card,list等没有完成;对于中端应用,经常用到Table、Card、Search等,暂时没有组件,等待后续更新;应用场景Element-UI版(实际使用图)表单生成器(GenerateForm)https://www.v2ex.com/t/642079表单设计器(MakingForm)Antd版(使用vuecli3实现)PSantd组件版仅在暂时是进阶版;产品进一步兼容antd的高级组件,增加容量;通过AntDesignPro和Element-ui的完美匹配,Antd组件的兼容性有待衡量;建议使用第三方组件使用:vuedraggableElementacevue2-editor
