介绍
基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来
工具地址:
http://tools.xiaoyaoji.cn/form
GitHub地址:
https://github.com/GavinZhuLei/vue-form-making
特性
- 可视化配置页面
- 提供栅格布局,并采用flex实现对齐
- 一键预览配置的效果
- 一键生成配置json数据
- 一键生成代码,立即可运行
- 提供自定义组件满足用户自定义需求
- 提供远端数据接口,方便用户需要异步获取数据加载
- 提供功能强大的高级组件
- 支持表单验证
- 快速获取表单数据
CDN
安装
npm install form-making -S
效果截图
使用拖拽的方式可以就可以使用左边的组件设计表单页面
点击选中组件,右边可自定义配置组件,样式,验证等
设计完页面后,可点击预览图实时查看表单效果
设计完可生成完整的可运行的HTML文件,或是Vue组件,可放进Vue项目中引用
问题交流
QQ群:902048874