阿里低代码引擎如何在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...

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

相关推荐
风骏时光牛马10 小时前
AI编程场景下故障根因分析与复盘总结
前端
Sterting11 小时前
Element-Plus 入门与整体布局
前端·vue.js·elementui
程序员黑豆18 小时前
Java 注释详解:单行、多行与文档注释的完整指南
java·前端·ai编程
剪刀石头布啊18 小时前
antd中可编辑表格中巧用useWatch实现联动高性能效果,以及定制延伸学习
前端
油丶酸萝卜别吃19 小时前
前端转全栈学习路线
前端·学习
浮生望19 小时前
前端路由进阶:History API原理与手写HistoryRouter
前端
陆枫Larry19 小时前
JavaScript 中的竞态是什么,为啥会有竟态?
前端
上海安当技术21 小时前
半天接入:USBKey RESTful API + C 动态库,Web 和 C/S 两套集成路径实战
前端·后端·restful·集成·usbkey
DevUI团队1 天前
从“即兴创作”到“规格先行”,华为云码道(CodeArts)代码智能体持续深耕企业级规范驱动开发能力
前端·人工智能·后端
NocoBase1 天前
如何用 AI 和 NocoBase 搭建一套可投入生产的 CRM
低代码·ai·开源·无代码·无代码开发平台