低代码设计

低代码设计(案例)

  • 如何建设组件库
  • 实现组件之间的共享
  • 该怎么利用组件库渲染页面

如何建设组件库

  1. 搭建基础组件库,为避免工作量,可二次封装第三方UI库(本文二次封装Antd)
  2. 搭建业务组件库:从现有项目中,抽离高复用组件(前提:不影响现有项目的运行)
  3. 组件库API文档建设

实现组件之间的共享

  1. 运行中的项目该如何将组件暴露出去
  2. 低代码平台怎么拉取基础组件库+业务组件库

该怎么利用组件库渲染页面

  1. 利用json渲染页面,实现渲染引擎
  2. 根据组件库API,编写JSON格式

项目地址

  1. 低代码案例
  2. 已实现核心思想,具体可见源码
图一,编辑器
图二,渲染页面

技术点

  • MF 联邦模块 (实现模块共享)
    • webpack : ModuleFederationPlugin
    • vite : @originjs/vite-plugin-federation

可参考博客:模块共享

posted @ 2022-06-02 15:44  zcookies  阅读(162)  评论(0编辑  收藏  举报