低代码加载远程组件实战

低代码加载远程组件实战

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

远程demo地址:体验地址

实战效果

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

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

加载方案

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

juejin.cn/post/745959...

低代码项目地址

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

相关推荐
Jiaberrr7 小时前
基于 Vue 的拖拽缩放卡片组件:实现思路、方法及使用指南
前端·javascript·vue.js·前端框架
飞人博尔特的摄影师1 天前
C#界面框架Avalonia中使用依赖注入
系统架构·前端框架·c#·.net·wpf·.netcore·依赖倒置原则
wenzhangli71 天前
低代码独特架构带来的编译难点及多线程解决方案
分布式·低代码
@大迁世界1 天前
利用 Tree Shaking 提升 React.js 性能
前端·javascript·react.js·前端框架·ecmascript
winxp-pic1 天前
基于当前最前沿的前端(Vue3 + Vite + Antdv)和后台(Spring boot)实现的低代码开发平台
前端·spring boot·低代码
阿珊和她的猫1 天前
React:构建用户界面的JavaScript库
前端框架
一头老羊2 天前
npm、yarn、pnpm包安装器差异性对比
前端框架
不叫猫先生2 天前
【React】脚手架进阶
前端·react.js·前端框架
机智的投媒网2 天前
软文创作瓶颈期?品牌内容推广中如何拉新创意突破写作限制
前端框架·产品运营·canva可画