可视化编辑器在结构上分为四层,层级从低到高分别渲染层、交互层、拖曳层以及操作层,下面会具体介绍这四层的职责以及功能。
提供组件以及区域的渲染。
提供组件实际交互操作,如拖动,缩放等
用于展示组件可被拖入的位置以及拖曳相关的操作逻辑。
提供区域的操作逻辑,如添加,删除等。
# 本地调试
yarn serve
# 构建
yarn build
-
运营后台
- 前端
- 组件全局维护
- 组件触审管理
- 后端
- 组件管理服务
- 维护组件初始状态
- 维护组件触审逻辑
- 组件管理服务
- 前端
-
落地页渲染服务
- api 模式生成
- spa
- ssr
- 静态化