我们一般在做一些中后台管理项目的时候,基本都是对表单数据的增删改查等操作,前端如何能够通过配置快速实现呢,接下来我们介绍通过 FormMaking 表单设计器来实现可视化配置。
效果展示
介绍
FormMaking 是基于 vue 和 element 开发的可视化/低代码表单设计器,可以选择生成 element 和 antd 样式的表单。
目前已支持 Vue3 。
功能实现
接下来我们来看看如何通过 FormMaking 来快速实现中后台数据的增删改查配置。
1. 页面配置
2. 数据源配置
通过数据源配置可以实现与后端进行数据交互。
3. 绑定事件
接下来我们为表单页面设置好逻辑事件。
这样我们就完成了一个数据增删改查的页面。
结语
如果感兴趣可以前往我们官网查看,还有更多的示例等着你的了解。
网友评论