前端开源(推荐20个开源的前端低代码项目)

前端开源(推荐20个开源的前端低代码项目)
推荐20个开源的前端低代码项目

拖拽很爽,代码照写不误,真能少写多少?

低代码这词最近真被说烂了。不是吹得多厉害,而是很多人用了一周就删掉仓库——界面拖得挺快,一改需求就卡死,配个权限要翻三天文档,导出的JSON换个版本直接挂。我上个月试了7个开源项目,跑了本地、看了commit、改了文档里的demo,不是报错就是没人回issue。

Appsmith看着最热闹,3万star,最近一次提交是6月12号。但它那个JS沙箱太狠,`eval`全禁,连ECharts的`setOption({series: [{...}]})`动态拼配置都不让,得绕路写成静态对象。有次我硬塞了个`setTimeout`进去,结果控制台打红字:“Untrusted code execution blocked”。不是它不行,是它选了安全,就真不管你怎么画图。

Amis现在3.0了,文档里写着“声明式api字段”,其实意思就是你不用写fetch,只写`"api": "/user/list?status=${status}"`,变量自动替换。我试了下,真能跑,还带loading和错误重试。但它生成的JSON没类型提示,TS项目里import进来全是any,后来翻源码才发现它提供了`@swc/types`,但README里压根没提。

Luban-H5打开就Vue2,打包都得配webpack3。它适配小程序是靠编译时转WXML,但schema和quark-h5不兼容——quark-h5的`rules`写法是数组套对象,Luban写成对象套数组,俩项目互相导个表单,直接解析失败。没标准,纯靠自己猜。

OpenDataV改用Vue3重写了,用的是ref+effect,大屏滚动时内存不涨了。我拉下来跑了个100个图表的demo,MacBook风扇都没转。但它不支持Canvas动效,想做个粒子背景?得自己写组件注册进去,不是点点鼠标就出来。

Dooring-electron-lowcode我装了,能离线用,文件存在本地,双击就开。适合做内部小工具,比如HR自己搭个入职流程表。但它没法扔进CI,每次打包都要手动点“构建桌面版”,没有命令行接口,devops同事看一眼就摇头。

最意外的是Mometa,浏览器里跑Node.js。我在Chrome里点“启动后端服务”,它真起了个Express,接口都能调。不是骗人的demo,是WebContainer技术实打实跑起来的。不过它现在只支持npm包安装,不能直接写TS,得先build再加载。

避坑这块,真不是吓人。我按Quark-H5文档搭了个登录页,加了个密码强度校验,用它的`validator`写了个函数,结果部署到测试环境就报错:`Cannot read property 'replace' of undefined`。查了两天,发现是form-generator生成的schema里字段名少了个`s`,`passwords`写成`password`,它校验时取值就undefined。没人管这种细节,issue里一堆一模一样的提问,没人合并PR。

LowCodeEngine的CLI工具是真的香。我拿v2版旧配置丢进去,`lowcode-engine-cli convert --from v2 --to v3`,出来一个新JSON,90%能直接跑。剩下10%是生命周期钩子里的this指向变了,改两行就行。其他项目?全靠人工比对,有个哥们在issue里贴了张Excel表,列了37处要手动改。

AI现在不是画饼。Appsmith插件市场里有个“AI Assist”,输“查最近7天订单金额总和”,它真能推出来API路径和返回字段名,连mock数据都给你填好。不是生成代码,是帮你猜后端怎么设计的。OpenDataV那个“自然语言转图表”还没上线,但GitHub里有PR链接,跑通了“柱状图,X轴是月份,Y轴是销量”,能出配置。

用不用低代码,别听宣传。我们组最后选了VJDesign插件化接入,不换主框架,只在需要快速改的地方加了个设计器入口。改个按钮颜色、调个弹窗位置,产品自己点点就行。其他地方,还是手写Vue,该debug debug,该测覆盖测覆盖。

真提效不在拖拽多快,而在少做重复决定。比如Amis的`service`字段复用,一个接口配置写三遍,下次直接`$ref`;比如LowCodeEngine的`lifeCycle.onRender`,所有页面加载前统一埋点,不用每个页面都写一遍`mounted()`。

现在项目还在跑,没删仓库。

前端开源(推荐20个开源的前端低代码项目)

文章版权声明:除非注明,否则均为边学边练网络文章,版权归原作者所有

最新文章

热门文章

本栏目文章