中后臺前端苦CURD久矣，今將舉 Koala Form
背景
對于中后臺產(chǎn)品的前端開發(fā)來說，最常見的場景無非是開發(fā)一個表的 CURD 操作：
Create:
insert into Table(...) values(...);Update：
Update Table Set... Where...;Retrieve:
Select ... From Table Where...；Delete:
Delete From Table Where...；
比如開發(fā)一個用戶頁面，包含條件查詢、用戶新增、用戶更新、用戶刪除、用戶詳情功能。
常規(guī)的開發(fā)步驟如下：
接下來又要新增一個角色頁面，一樣是 CURD 的功能，一樣重復上面的步驟；最終發(fā)現(xiàn)兩個頁面除了字段和接口不同，大概有 80% 的膠水代碼完全一致。
被這個可愛的logo治愈了10086點
面對重復膠水代碼，被苦很久的前端開發(fā)團隊，在 2022 年推出了 Koala Form 解決方案來解決這些問題，又經(jīng)過項目團隊半年多的打磨，現(xiàn)在推出面向社區(qū)用戶來共同使用。
-
高效：從 0 開發(fā)一個完整的表單頁面也許需要你花一天或者幾個小時，而 Koala From 也許僅需幾分鐘，你需要做的就配置字段的展示規(guī)則。 -
簡單：內(nèi)置基礎(chǔ)的表單場景，useScene, useFrom、useTable、useModal、usePager, 提供上下文 API 操作場景內(nèi)容； -
靈活：場景可以自由組合，支持字段聯(lián)動，字段和組件描述也支持 vue slot，可編寫插件擴展功能。
Koala Form 架構(gòu)圖
Get Started：https://koala-form.mumblefe.cn/
近期規(guī)劃
-
其他 UI 庫的插件支持，比如 Ant Design vue （具體時間節(jié)點會根據(jù)社區(qū)用戶的需求或者反饋來調(diào)整）； -
響應(yīng)社區(qū)的反饋與支持等。
我們已邁出了第一步，雖然目前不能更全面的實現(xiàn)某些功能，隨著時間的推移，這部分功能一定會越發(fā)完善，希望這些可以幫助開發(fā)者們更好的進行開發(fā)。
在此誠邀關(guān)注前端開發(fā)的你，參與到 Koala Form 項目中來，我們歡迎任何形式的貢獻，有任何建議或意見可在 GitHub/ gitee /微信群中提 issue，期待你的到來。
-
文檔地址
-
倉庫地址
https://github.com/WeBankFinTech/KoalaForm
https://gitee.com/WeBankOS/KoalaForm
-
Demo 地址https://github.com/WeBankFinTech/KoalaForm/tree/main/packages/demo-with-fes
最后
如果你覺得這篇內(nèi)容對你挺有啟發(fā)，我想邀請你幫我個小忙：
點個「喜歡」或「在看」，讓更多的人也能看到這篇內(nèi)容
我組建了個氛圍非常好的前端群，里面有很多前端小伙伴，歡迎加我微信「sherlocked_93」拉你加群，一起交流和學習
關(guān)注公眾號「前端下午茶」，持續(xù)為你推送精選好文，也可以加我為好友，隨時聊騷。
