1、什么是低代码？
低代码开发平台，本质是软件
- 区别：IDE=>可视化配置页面
- low的是——代码量
- high的是——高复用、高效率、易维护&逻辑可控
2、开发流程转变
- 传统开发模式 概念架构——>产品逻辑——>设计落地——>技术架构——>前后端设计开发——>验证测试——>发布上线
- 低代码开发 概念架构——>产品逻辑——>通用配置——>个性配置——>发布上线
3、角色转变
- 产品&设计师：单个割裂的app的设计=>通用规范、行业领域的设计；
- 技术专家&开发：单个page的开发=>领域模型的抽象、设计、开发；
- QA：页面测试机器=>规范&通用逻辑的守门员
4、低代码的兄弟姐妹
- Low code:
- 预制组件实现全集功能
- 可视化配置降低开发门槛
- 支持定制&扩展
- No code
- 完全可视化配置
- 不支持扩展，一切需求规范化
- Pro code
- 组件化抽象
- 框架层规范（vue\react） 阿里：宜搭\sula；腾讯：微搭；美团：乐高
5、原理
- 1、IDE:功能引用、布局配置、属性配置
- 2、JSON协议：抽象描述，类似AST
- 3、页面（渲染还原）
- 4、页面管理
- 5、配置页面
- 组件库（物料堆）
- 配置画布（舞台）
- 配置项（配置面板）
- 顶栏（全局/页面配置）
- 6、输出页面
6、物料堆元组件
- 功能结构足够单一
- 不可继续拆分
- 开放可配置
- 处理复合布局和逻辑（放入到同一个容器中）
- 布局组件
- 复合组件
- 页面
7、主舞台
- 所见即所得：渲染引擎一体化，可探索，复杂度比较高，逻辑集成度高；
- 多态舞台：配置舞台、渲染引擎、状态分离，效率高，同时两拨人维护
- 渲染引擎
- JSON——>渲染引擎——>组装协议
- 遍历解析、处理组件依赖、全局配置调度（使用深度优先遍历）
8、编辑面板
- 配置面板对应多类型（class），每个类型对应多配置(实例)
9、总结
- 1、物料堆抽象，需要后续组件完成时，直接丢入物料堆即可被加载，无需后续调整物料堆代码；
- 2、解析json,响应加载物料堆中的组件进行渲染；
- 3、点击渲染好的页面某一块，点击组件树可以拿到相应的vue实例，并且拿到挂载在node上的config。
