通过拖拽配置快速实现中后台数据增删改查

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

效果展示

介绍

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

目前已支持 Vue3 。

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

功能实现

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

1. 页面配置

2. 数据源配置

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

3. 绑定事件

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

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

结语

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

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

你可能感兴趣的:(通过拖拽配置快速实现中后台数据增删改查)