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

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

相关推荐
kyriewen24 分钟前
Anthropic 估值逼近万亿美元,Claude Sonnet 5 + Claude Science 一天两连发
前端·ai编程·claude
小徐_23332 小时前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
天蓝色的鱼鱼4 小时前
关于 CSS 你可能不知道的属性,但关键时刻很有用
前端·css
泯泷5 小时前
第 2 篇:设计第一套字节码:Opcode、Instruction 与 Constant Pool
前端·javascript·安全
妙码生花5 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十五):优化细节、网络请求封装
前端·后端·ai编程
泯泷5 小时前
第 1 篇:从 1 + 2 开始:亲手写出第一台 JSVM
前端·javascript·安全
团团崽_七分甜5 小时前
Spring Boot 核心知识点总结
前端
lichenyang4535 小时前
从一个按钮开始,理解 ASCF 框架到底在做什么
前端
古夕6 小时前
第三方 SSO 接入实践:redirect_uri 编码、回调一致性与跨项目联调
前端·vue.js