我们一般在做一些中后台管理项目的时候,基本都是对表单数据的增删改查等操作,前端如何能够通过配置快速实现呢,接下来我们介绍通过 FormMaking 表单设计器来实现可视化配置。

效果展示

在这里插入图片描述

介绍

FormMaking 是基于 vue 和 element 开发的可视化/低代码表单设计器,可以选择生成 element 和 antd 样式的表单。

目前已支持 Vue3 。

官网地址:https://form.making.link

功能实现

接下来我们来看看如何通过 FormMaking 来快速实现中后台数据的增删改查配置。

1. 页面配置

在这里插入图片描述

2. 数据源配置

通过数据源配置可以实现与后端进行数据交互。

在这里插入图片描述

3. 绑定事件

接下来我们为表单页面设置好逻辑事件。

在这里插入图片描述

这样我们就完成了一个数据增删改查的页面。

结语

如果感兴趣可以前往我们官网查看,还有更多的示例等着你的了解。

官网地址:https://form.making.link

Logo

这里是“一人公司”的成长家园。我们提供从产品曝光、技术变现到法律财税的全栈内容,并连接云服务、办公空间等稀缺资源,助你专注创造,无忧运营。

更多推荐