低代码加载远程组件实战

低代码加载远程组件实战

为什么要做加载远程组件,想象一下,当组件不满足业务需求的时候,作为一个架构负责人,难道每次都让业务开发去开发,还是说多团队协作上,让其他团队提组件的需求呢!为了丰富这个低代码拖拽的功能,所以才有远程加载组件的事情。

远程demo地址:体验地址

实战效果

1、首先先组件上传 我这边服务器磁盘大小原因,所以没有做文件存储,直接保存到了数据库,也是为了快速开发方便了,大家可以选择上传到 cdn 地址来读取文件

2、发布 发布的动作主要做了组件打包上传到 cdn 地址 3、在拖拽列表进行展示

加载方案

具体实现方案可以参考之前我发表的远程组件加载

juejin.cn/post/745959...

低代码项目地址

供大家参考学习,当然方案还有很多,大家可以继续研究 github.com/missxiaolin...

相关推荐
风无雨3 小时前
react antd 项目报错Warning: Each child in a list should have a unique “key“prop
前端·react.js·前端框架
安分小尧8 小时前
React 文件上传新玩法:Aliyun OSS 加持的智能上传组件
前端·react.js·前端框架
编程社区管理员8 小时前
React安装使用教程
前端·react.js·前端框架
旧识君11 小时前
移动端1px终极解决方案:Sass混合宏工程化实践
开发语言·前端·javascript·前端框架·less·sass·scss
百锦再17 小时前
React编程高级主题:错误处理(Error Handling)
前端·javascript·react.js·前端框架·vue·web·angular
冴羽yayujs2 天前
SvelteKit 最新中文文档教程(17)—— 仅服务端模块和快照
前端·javascript·vue.js·前端框架·react
NocoBase2 天前
2025 年 AppSheet 最佳开源替代品
低代码·开源·开发工具·零代码·电子表格
编程社区管理员3 天前
「2025最新版React+Ant Design+Router+TailwindCss全栈攻略:从零到实战,打造高颜值企业级应用
前端·react.js·前端框架
程序员一一涤生3 天前
Dify开发必备:分享8个官方文档不曾解释的关键技巧
低代码·dify·ai平台