[发明专利]一种基于可热插拔动态组件的可视化系统

说明书

本发明属于数据集成技术领域，具体来说，涉及一种基于可热插拔动态组件的可视化系统。包括加载组件、添加元素容器、选择模板组件和选择数据组件，选择模板组件和选择数据组件通过加载组件实现离线或在线组件加载；本发明通过采用离线上传和在线开发相结合的方式，实现了多样化的需求和灵活的开发方式，在线开发采用自由可拖拽的方式实现，能够完成复杂的界面设计和交互过程，数据组件采用动态修改属性的方式对组件进行个性化的修改，采用放大缩小的功能可多布局页面的细节进行相应的调整和在不同分辨率下能够实现页面的自适应布局，前后端采用统一的数据接口和后端数据绑定，减少了请求次数，提高了请求效率，用时按需加载更加适合现代开发理念，完成这个个系统的开发和组装后需要进行保存，在下次使用时直接打开即可，也可作为其他系统的参考模板进行二次开发。

技术领域

本发明属于数据集成技术领域，具体来说，涉及一种基于可热插拔动态组件的可视化系统。

背景技术

布局是整个软件产品的重要组成部分，页面布局建模和自动化构建逐渐成为系统建设的主流方式，目前大多数系统构建采用从需求出发通过交互式的任务分解来实现，缺少界面布局信息的处理，难以满足用户界面的复杂性和多样性需求。

目前多数系统采用前后端分离技术实现，这确实提高了开发效率和系统的独立性，但是在整个系统里面模块的耦合度比较高，对于一些需要随时修改的系统来说，这种开发方法存在前后端人员沟通不畅和对接困难，系统在使用过程中可能存在某些功能模块的微调和修改，这就需要前后端人员配合完成数据接口的对接和渲染，这对于快速构建系统和随时需要更改的系统来说，无疑增加了开发人员的工作量及对接问题的产生。本发明采用可热插拔动态组件的页面布局方法可有效解决组件的复用率和属性的灵活配置，无需重复开发，用时加载即可，数据接口采用标准的统一映射的方式加载数据来源，减少数据更改对系统的影响。

发明内容

本发明专利的设计思想是：首先加载模板组件，其中：模板组件分为离线开发模板组件和在线开发模板组件相结合的方式完成系统整体布局，离线开发的模板组件采用热插拔的形式，随插随用，不用删除即可，不占用整个系统资源，在线开发模板组件灵活多样可通过拖拽方式实现多样性和复杂性的布局页面；其次加载数据组件，并对数据组件的属性完成解析和展示，对需要进行重新配置的属性在操作栏进行属性的动态修改和保存；最后，拖动容器完成整个页面的布局和细节的调整，调用接口数据对页面进行动态数据的绑定，对完成的系统进行保存和展示。

本发明解决其技术问题所采用的技术方案为：

一种基于可热插拔动态组件的可视化系统，包括加载组件、添加元素容器、选择模板组件和选择数据组件，选择模板组件和选择数据组件通过加载组件实现离线或在线组件加载；

系统会自动加载已经上传的模板组件，通过选择模板组件并将其展示在界面布局区域同时系统会解析模板组件的属性并将其映射到属性操作栏，开发人员根据需要进行动态修改和配置；其次添加元素容器用来加载已上传的或在线开发的数据组件，系统在加载数据组件的同时解析数据组件属性并将其映射到属性操作栏以便进行更改和动态配置；最后通过界面布局区域的拖拽功能和放大缩小功能实现页面的灵活布局和适配不同浏览器分辨率下的界面展示，选择数据来源与后端接口数据进行动态绑定并渲染页面。

选择模板组件和选择数据组件通过加载组件实现离线或在线组件加载实现无缝衔接，加载组件采用离线开发、打包、上传、解析、嵌入、映射的方式与系统对接，在系统构建过程中实现组件的动态加载和属性动态配置；采用在线开发的方式与系统对接和进行属性的变更和数据的渲染。

加载组件根据开发人员需要实时修改和动态配置属性。