开发笔记 - 低代码框架

59 阅读1分钟

!初始笔记(先随便开个头,有缘再重写)

从0到1主导、设计、开发了一个低代码框架

editor 编辑器,用于实现拖拉拽UI、给UI设置功能、属性的前端项目

engine 渲染器,被编辑器编辑的前端项目

理论上editor、engine可以适配各种前端框架,比如vue.js、angular、react等

实际当前editor只适配了vue2,engine只适配了vue2和uniapp

下面以功能使用的角度说一下editor-vue和engine-vue的初始成果

editor-vue:

  1. 托拉拽
  2. 编辑器的继承、拓展,适配各种editor、engine框架和应用
  3. 创建属性编辑组件,给渲染器组件设置属性和功能
  4. 增删改查低代码的结构数据
  5. 其他功能处理

engine-vue:

  1. 开发一个常规组件,注册到编辑器
  2. 组件配置编辑器config,里面主要为组件配置属性编辑器组件
  3. 额外自定义属性和功能,运行编辑器配置组件属性时使用

editor-vue在基础功能配置好之后,再开发一套标准的属性编辑组件,如果没有特殊情况就不用继续开发了。

然后只开发engine-vue项目就行了,比如要做一个文本组件,只要把组件开发好,然后配置这个组件需要一个文本内容属性编辑组件、和一个文本颜色编辑组件就行了。如果需要拓展特殊的组件属性功能,就需要额外特殊处理...