如何将Low-Code Engine整合到Ant Design Pro v5中去呢?(ant design upload)

本文阅读对象:对低代码系统感兴趣的朋友。

文章末尾可以找到Demo源码地址。

阿里刚开源了一个低代码引擎:Low-Code Engine。

如何将Low-Code Engine整合到Ant Design Pro v5中去呢?(ant design upload)

Low-Code Engine

如何将Low-Code Engine整合到Ant Design Pro v5中去呢?(ant design upload)

Low-Code Engine 官网

文章第一张图片为低代码引擎的编辑器截图,颜值还不错。

项目代码托管在Github上,同时也有Demo项目。

感兴趣的朋友可以运行一下Demo,体验一下。

第一个坑

Demo可以正常运行,

但是Demo主页就是这个编辑器啊,

在实际的产品中,

我们最起码要介入路由和权限控制吧。

如果想将这个低代码引擎整合到自己的项目中,

那要该怎么做呢?

看文档?

官方的文档写得……

阿里开源项目对新手不友好的名声在业界也是响当当的。

(请允许我爆粗 TMD!)

文档无法指导你顺利地进行项目整合,这是第一个坑。

踩坑整合

阅读过我之前的文章的朋友,

应该知道本人也开发了一套低代码系统。

为了满足自己的好奇心以及节省对这个低代码引擎感兴趣的朋友的时间,

那就先踩一遍坑吧,(TMD,坑太多了)

对于需要在自己项目中引入这个引擎的朋友,请慎重。

毕竟才刚开源,文档比较简约,坑多,隐形成本不低。

整合对象也为阿里的开源项目Ant Design Pro v5。

如何将Low-Code Engine整合到Ant Design Pro v5中去呢?(ant design upload)

Ant Design Pro v5

Low-Code Engine 和 Ant Design Pro v5 都是基于React的项目,

前者在构建方面使用的build-script库,

后者使用的是UmiJS。

build-script应该是Low-Code Engine团队自己封装的一个库,

这个库没有文档,别找了,没有文档。

在尝试过多种整合途径之后,

最后确定的整合思路为:

参考Low-Code Engine Demo,分包引入整合。

历尽艰辛,耗费大量时间精力,终于整合成功。

如何将Low-Code Engine整合到Ant Design Pro v5中去呢?(ant design upload)

本地Ant Design Pro

如何将Low-Code Engine整合到Ant Design Pro v5中去呢?(ant design upload)

整合好的编辑器

关于阿里开源项目的猜想

阿里开源了很多优质的项目,

这一点是值得肯定的。

阿里在国内也是第一梯队的互联网公司,

他们不缺钱。

那么一个意思的问题就出现了:

阿里为什么要开源这些项目呢?

是为了帮助其他企业提升技术实力吗?

如果答案是“是”,

那么文档详尽程度和使用者的反馈应该被纳入KPI考核吧,

但是他们貌似并不是很关心这些。

是为了赚钱吗?

貌似他们从开源项目上赚不到什么钱,

还不如卖流量和收租来得舒服。

那到底是为什么呢?


Demo源码库地址:

GitHub – hsg4ok/LowcodeEngine-AntDesignPro: 阿里巴巴开源的低代码引擎(Lowcode-Engine)与Ant Design Pro整合Demo

https://github.com/hsg4ok/LowcodeEngine-AntDesignPro


如果您觉得本文对您有用,建议收藏;

如果您觉得对您的朋友有帮助,请分享给他们;

如果您能点个赞,那就是对作者最大的支持。

更多精彩内容发布于公众号:代码乾坤 (CoderLand)

相关新闻

联系我们
联系我们
公众号
公众号
在线咨询
分享本页
返回顶部