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

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

相关推荐
广州华水科技3 分钟前
单北斗GNSS变形监测在基础设施安全中的应用与维护
前端
Teable任意门互动5 分钟前
深度解析:AI 赋能开源多维表格,实现企业全场景数据整合与高效应用
数据库·人工智能·低代码·信息可视化·开源·数据库开发
星栈11 分钟前
Rust 全栈项目里,我写了一个不再重复造轮子的泛型表格组件
前端·前端框架·开源
008爬虫实战录12 分钟前
【码上爬】 题九:webpack调试 堆栈分析
前端·webpack·node.js
Maimai108081 小时前
React 多步骤表单工程化落地:从 Zod Schema、React Hook Form 到 Zustand 持久化
前端·javascript·react.js·前端框架·状态模式
程序员码歌1 小时前
我是怎么部署开源 AI 编程助手 OpenCode,并在两个真实场景使用起来的
前端·人工智能·后端
Maimai108081 小时前
React Query + Zustand 正确结合方式:不要把接口数据复制进 Store
前端·javascript·react.js·前端框架·web3·状态模式
天才熊猫君1 小时前
层叠上下文 z-index 的简单理解
前端
i220818 Faiz Ul1 小时前
智慧养老平台|基于SprinBoot+vue的智慧养老平台系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·毕设·智慧养老平台
AI砖家1 小时前
每日一个skill:web-artifacts-builder,构建复杂 Claude.ai HTML Artifact 的生产力工具包
java·前端·人工智能·python