这是我参与「第四届青训营 」笔记创作活动的第2天。
l 低代码开发平台（LCDP）：低代码开发平台（LCDP）是无需编码（0代码）或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法（参考可视编程语言），使具有不同经验水平的开发人员可以通过图形化的用户界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。开发者不需要传统的手写代码的方式进行编程，采用图形化拖拽的方式，配置参数完成开发工作。
l 低代码开发平台的评价：如果采用面向对象的开发模式，代码可以被抽象为：对象部分代码和逻辑部分代码；通常低代码开发平台通过构造组件和封装接口的方式，尽可能减少这两部分代码；减少对象代码，这部分工作低代码开发平台实现的较为成功，而逻辑部分代码的实现，低代码开发平台通常用“流程图”（参考Outsystems和Mendix）或“事件面板”（参考iVX）的方式来实现。
如果按应用的B/S结构来划分，代码可以被划分为前端代码和后台代码。某些低代码平台只能开发前端应用或某些后台特定场景下的应用。
因此，评价低代码开发平台的能力，主要看以下两点：
- 低代码开发平台的通用性，即所开发的应用种类是否齐全，以及所开发出来的应用能支持哪些操作系统（小程序也可以看作平台级系统的应用）。
- 低代码开发平台的逻辑实现能力，通常代码的逻辑部分很难用“非代码”的形式进行表达，因此，这一点是低代码开发平台需要克服的主要障碍，也是评价低代码开发平台质量的重要指标；随着低代码平台的逻辑表达能力不断完善，必将最终实现0代码（无代码）编程。
低代码开发平台的演进
l 低代码开发平台组成：
组件区：填放业务组件
编辑区：通过拖拽方式将组件定位在页面中
属性区：给不同组件配置不同属性
编辑区/预览区， 属性区/事件区
l 实现功能：
通过拖拽组件生成JSON, 通过JSON渲染出页面（采用JsonSchema描述页面）。
构建可视化拖拽编辑器
一．项目初始化
1. 通过vue/cli创建vue项目
2. 创建data.json文件，在App.vue中导入
container描述画布属性，blocks组件内容
3. 封装组件editor，接收数据data；在App.vue中注册组件，将数据data传入Editor
4. Editor接收数据data，并把data内容渲染
5. 将blocks样式渲染流程封装成一个单独的组件editor-block.jsx
6. 使用npm install element-plus安装element插件
