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

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

相关推荐
qq_392794484 分钟前
前端缓存策略:强缓存与协商缓存深度剖析
前端·缓存
小美的打工日记40 分钟前
ES6+新特性,var、let 和 const 的区别
前端·javascript·es6
helianying551 小时前
云原生架构下的AI智能编排:ScriptEcho赋能前端开发
前端·人工智能·云原生·架构
@PHARAOH1 小时前
HOW - 基于master的a分支和基于a的b分支合流问题
前端·git·github·分支管理
涔溪1 小时前
有哪些常见的 Vue 错误?
前端·javascript·vue.js
程序猿online1 小时前
前端jquery 实现文本框输入出现自动补全提示功能
前端·javascript·jquery
2401_897579652 小时前
ChatGPT接入苹果全家桶:开启智能新时代
前端·chatgpt
DoraBigHead2 小时前
JavaScript 执行上下文:一场代码背后的权谋与博弈
前端
Narutolxy3 小时前
从传统桌面应用到现代Web前端开发:技术对比与高效迁移指南20250122
前端
摆烂式编程3 小时前
node.js 07.npm下包慢的问题与nrm的使用
前端·npm·node.js