我們一般在做一些中后臺管理項(xiàng)目的時候,基本都是對表單數(shù)據(jù)的增刪改查等操作涯雅,前端如何能夠通過配置快速實(shí)現(xiàn)呢,接下來我們介紹通過 FormMaking 表單設(shè)計器來實(shí)現(xiàn)可視化配置展运。
效果展示
介紹
FormMaking 是基于 vue 和 element 開發(fā)的可視化/低代碼表單設(shè)計器活逆,可以選擇生成 element 和 antd 樣式的表單。
目前已支持 Vue3 拗胜。
官網(wǎng)地址:https://form.making.link
功能實(shí)現(xiàn)
接下來我們來看看如何通過 FormMaking 來快速實(shí)現(xiàn)中后臺數(shù)據(jù)的增刪改查配置蔗候。
1. 頁面配置
2. 數(shù)據(jù)源配置
通過數(shù)據(jù)源配置可以實(shí)現(xiàn)與后端進(jìn)行數(shù)據(jù)交互。
3. 綁定事件
接下來我們?yōu)楸韱雾撁嬖O(shè)置好邏輯事件埂软。
這樣我們就完成了一個數(shù)據(jù)增刪改查的頁面锈遥。
結(jié)語
如果感興趣可以前往我們官網(wǎng)查看,還有更多的示例等著你的了解勘畔。
官網(wǎng)地址:https://form.making.link