Skip to content

Latest commit

 

History

History
44 lines (30 loc) · 803 Bytes

README.md

File metadata and controls

44 lines (30 loc) · 803 Bytes

vue-visual-editor

可视化编辑器在结构上分为四层,层级从低到高分别渲染层、交互层、拖曳层以及操作层,下面会具体介绍这四层的职责以及功能。

渲染层

提供组件以及区域的渲染。

交互层

提供组件实际交互操作,如拖动,缩放等

拖曳层

用于展示组件可被拖入的位置以及拖曳相关的操作逻辑。

操作层

提供区域的操作逻辑,如添加,删除等。

# 本地调试
yarn serve

# 构建
yarn build

TODO

  • 运营后台

    • 前端
      • 组件全局维护
      • 组件触审管理
    • 后端
      • 组件管理服务
        • 维护组件初始状态
        • 维护组件触审逻辑
  • 落地页渲染服务

    • api 模式生成
    • spa
    • ssr
    • 静态化