阿里低代码引擎如何在umi项目中引入

()

前言

最近阿里低代码引擎开源2周年即将到来,我之前碰巧简单的使用过阿里的代码引擎,正好借这次机会写一写我对阿里低代码引擎的使用感受。

介绍

什么是阿里低代码引擎?

阿里低代码引擎是阿里巴巴推出的一款低代码开发工具,旨在帮助企业快速构建应用程序,降低开发成本和提高开发效率。该引擎提供了丰富的可视化组件和模块,用户可以通过拖拽和配置的方式快速搭建应用界面和逻辑,无需编写大量的代码。同时,阿里低代码引擎还支持多种数据源的集成,包括数据库、API接口等,使用户能够轻松地与外部系统进行数据交互。通过阿里低代码引擎,企业可以快速响应市场需求,加速业务创新,实现数字化转型。

阿里低代码引擎官网: lowcode-engine.cn/index

如何在umi项目中引入

需要注意的一点是,目前阿里低代码引擎只支持在react17以下的环境中使用。

因为我们公司当时用的就是react+umi4,所有我在引入的时候报了很多错误,后来我把react版本降到16.14.0就能跑起来了。

接下来演示就以antdPro的demo为例。

Ant Design Pro官网: [开箱即用的中台前端/设计解决方案 - Ant Design Pro

Ant Design Pro github: GitHub - ant-design/ant-design-pro: 👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!

首先先展示一下,引入阿里低代码引擎后的一个效果。

我这里只是做了一个简单的演示demo,由于后面公司可能觉得低代码这个东西还不是很成熟,所有我就没怎么深入的研究。

我这里演示的只是低代码生成 Json Schema(可以理解成一种特殊的Json)并使用特定组件回显Json Schema的功能。

当然了,我这里只是简单的演示,阿里低代码引擎更多好玩的功能还需要大家一起去探索。最后贴上代码的gitee仓库:gitee.com/zlh241156/u...

"本文正在参加阿里低代码引擎征文活动"

相关推荐
学嵌入式的小杨同学8 小时前
从零打造 Linux 终端 MP3 播放器!用 C 语言实现音乐自由
linux·c语言·开发语言·前端·vscode·ci/cd·vim
weixin_425543738 小时前
TRAE CN3.3.25 构建的Electron简易DEMO应用
前端·typescript·electron·vite·nestjs
Mr Xu_9 小时前
【Vue3 + ECharts 实战】正确使用 showLoading、resize 与 dispose 避免内存泄漏
前端·信息可视化·vue·echarts
0思必得09 小时前
[Web自动化] Selenium设置相关执行文件路径
前端·爬虫·python·selenium·自动化
雯0609~9 小时前
hiprint:实现项目部署与打印1-官网提供普通html版本
前端·html
不绝19110 小时前
UGUI——进阶篇
前端
Exquisite.10 小时前
企业高性能web服务器(4)
运维·服务器·前端·网络·mysql
2501_9445255411 小时前
Flutter for OpenHarmony 个人理财管理App实战 - 账户详情页面
android·java·开发语言·前端·javascript·flutter
2601_9498574311 小时前
Flutter for OpenHarmony Web开发助手App实战:快捷键参考
前端·flutter
wangdaoyin201011 小时前
若依vue2前后端分离集成flowable
开发语言·前端·javascript