WEB组态到底是个啥呢

声明：本文只作学习研究，所涉及的思路想法仅供参考，因功能还在测试开发中，不提供源码，可提供相似功能的网页链接，在本文下方提供！

Web组态是什么：组态软件通过浏览器操作组态工具、浏览组态画面，实现工程管理、组态编辑以及组态运行三大功能。通过实现图元组态、可视化图表组态、数据库组态的配置与关联，完成基于Web服务的实时数据监控与服务端的多用户访问等。

需求：基于Vue2去搭建组态项目的整体框架

技术：Web基础，Vue2框架

想法：组态虽然很复杂，但是有几个点是不变的（组件的自由性，数据的传递性，页面的灵活性）,只要解决了组件的数据共享问题就能够实现基本组态的搭建。比如组件拖拽进页面时，画布如何记录和渲染组件？如何使该组件的属性根据不同组件进行改变？如何实时监控组件的数据变化？可以通过本地数据和双向绑定的特性！

思路：

第一步：既然是组态页面，它的页面画板就是最优先去思考的问题，可以想象一下组件拖入页面时，画布实时的保存该组件的所有属性和后台数据，做的第一步就是通过遍历用户所拖拽的组件列表，让页面及时渲染并实时替换属性栏的各种自定义属性。

第二步：完成画布后，就可以考虑丰富组件库的配置和需求这根据每个公司的不同去自行定义，既然是组件列表库，那它的步骤就是用户拖拽组件&