[发明专利]一种组件化数据展示系统和方法

说明书

本发明公开了一种组件化数据展示系统，包括：部署在浏览器上的页面设计前端，以及部署在服务器上的服务后端；页面设计前端用于生成组件调用请求和数据调用请求，从服务后端中调用与所述组件调用请求匹配的图形化组件，以及与数据调用请求匹配的第一数据；服务后端用于响应组件调用请求和数据调用请求，并向页面设计前端返回对应的图形化组件和第一数据；页面设计前端还用于建立图形化组件和第一数据的数据关联，通过渲染形成数据展示页面并发布。本发明基于组件化的图形元件进行数据展示，用户不需要定义或者调用函数，只需要进行页面参数配置和组件选用即可，因此开发人员不需要在前端配置过程中加入复杂的业务逻辑，简化了业务系统的开发流程。

技术领域

本发明属于数据展示技术领域，具体涉及一种组件化数据展示系统和方法。

背景技术

随着物联网、云计算和大数据等技术的飞速发展，人们能够从物理系统获取到的数据量呈几何级增长，实现对海量数据的分析展示已经成为人们与物理系统进行交互，并进一步理解、掌握和优化物理系统的有效手段。

现有技术中，对于数据的展示主要采取定制化的开发模式，基于特定应用系统的需求，按照一定的业务流程、数据定义和显示逻辑进行代码开发。然而，这种方式存在开发成本高昂、效率低下以及灵活性差的问题，且在应用系统的展示需求发生变化时，需要修改相应的代码进行补充开发，难以满足当前灵活多变和快速响应的应用系统的数据展示需求。

发明内容

本发明的目的是提供一种组件化的数据展示系统和方法，用以解决现有技术中存在的至少一个技术问题。

为了实现上述目的，本发明采用以下技术方案：

第一方面，本发明提供一种组件化数据展示系统，包括：部署在浏览器上的页面设计前端，以及部署在服务器上的服务后端；

所述页面设计前端用于根据第一用户选择，生成组件调用请求和数据调用请求，从所述服务后端中调用与所述组件调用请求匹配的图形化组件，以及与所述数据调用请求匹配的第一数据；

所述服务后端用于响应所述组件调用请求和所述数据调用请求，并向所述页面设计前端返回对应的图形化组件和第一数据；

所述页面设计前端还用于建立所述图形化组件和所述第一数据的数据关联，通过渲染形成数据展示页面并发布。

在一种可能的设计中，还包括：部署在浏览器上的页面运行前端；

所述页面运行前端用于供第二用户对所述数据展示页面进行浏览。

在一种可能的设计中，所述页面设计前端包括页面设计模块、数据源管理模块和页面发布模块；

所述页面设计模块用于根据第一用户选择，生成组件调用请求，从所述服务后端中调用与所述组件调用请求匹配的图形化组件；

所述数据源管理模块用于根据第一用户选择，生成数据调用请求，从所述服务后端中调用与所述数据调用请求匹配的第一数据，并建立所述图形化组件和所述第一数据的数据关联；

所述页面发布模块用于通过VUE生成器渲染形成HTML数据展示页面并发布。

在一种可能的设计中，所述页面发布模块还用于利用VUE生成器渲染形成HTML数据展示页面并提供预览。

在一种可能的设计中，所述页面设计前端还包括运维管理模块，用于对所述数据展示页面对应的应用系统的运行状态进行管理。

在一种可能的设计中，所述服务后端包括：数据接口模块、数据处理模块、数据存储模块以及页面设计后台；

所述数据接口模块用于与外部系统建立连接，并获取所述外部系统的第二数据；

所述数据处理模块用于对所述数据接口模块获取的第二数据进行数据清洗；