低代码设计
低代码设计(案例)
- 如何建设组件库
- 实现组件之间的共享
- 该怎么利用组件库渲染页面
如何建设组件库
- 搭建基础组件库,为避免工作量,可二次封装第三方UI库(本文二次封装Antd)
- 搭建业务组件库:从现有项目中,抽离高复用组件(前提:不影响现有项目的运行)
- 组件库API文档建设
实现组件之间的共享
- 运行中的项目该如何将组件暴露出去
- 低代码平台怎么拉取基础组件库+业务组件库
该怎么利用组件库渲染页面
- 利用
json
渲染页面,实现渲染引擎 - 根据组件库API,编写
JSON
格式
项目地址
- 低代码案例
- 已实现核心思想,具体可见源码
图一,编辑器
图二,渲染页面
技术点
- MF 联邦模块 (实现模块共享)
- webpack : ModuleFederationPlugin
- vite : @originjs/vite-plugin-federation
可参考博客:模块共享