商业智能仪表盘生成方法、装置、电子设备及存储介质制造方法及图纸

本申请公开了一种商业智能仪表盘生成方法、装置、电子设备及可读存储介质。其中，方法包括预先构建多个彼此独立、业务逻辑不相关的子组件，各子组件为组成dashboard的元素组件。在待生成dashboard的浏览器页面的可视化区域中生成多个位置容器；每个位置容器对应一个子组件；根据目标子组件的当前位置信息和目标位置信息生成拖曳指令；响应拖曳指令，将目标子组件拖曳至目标位置容器中，同时将目标位置容器与拖曳指令进行绑定，以使目标位置容器具有更改形状和位置的属性；响应位置容器调整指令，将各目标位置容器调整为待生成dashboard的展示面板样式，从而可灵活、方便、快速地生成所需dashboard，有效提高dashboard的生成效率。率。率。

【技术实现步骤摘要】
商业智能仪表盘生成方法、装置、电子设备及存储介质


[0001]本申请涉及计算机
，特别是涉及一种商业智能仪表盘生成方法、装置、电子设备及可读存储介质。

技术介绍

[0002]dashboard(business intelligence dashboard，商业智能仪表盘)为用于实现数据可视化的功能模块，是向企业展示度量信息和关键业务指标(KPI)现状的数据虚拟化工具。dashboard关键的特征是从多种数据源获取实时数据，并且是定制化的交互式界面。
[0003]相关技术通常都是按照UI(User Interface，用户界面)图进行硬编码dashboard开发，诸如前端大屏dashboard。在开发过程中，如果后续研发需求需要变动前期的dashboard的某些模块，又要重新开发，导致dashboard整个研发周期长，dashboard生成效率低下，且不同dashboard项目不可以复用。而对于已经上线的dashboard项目，若后续有其他方面更新需求，还需要重新部署等进行一整个完整的上线流程，整个过程非常繁琐复杂。

技术实现思路

[0004]本申请提供了一种商业智能仪表盘生成方法、装置、电子设备及可读存储介质，可灵活、方便、快速地生成所需dashboard，可有效提高dashboard的生成效率。
[0005]为解决上述技术问题，本专利技术实施例提供以下技术方案：
[0006]本专利技术实施例一方面提供了一种商业智能仪表盘生成方法，包括：
[0007]预先构建多个彼此独立、业务逻辑不相关的子组件，各子组件为组成dashboard的元素组件；
[0008]在待生成dashboard的浏览器页面的可视化区域中生成多个位置容器；每个位置容器对应一个子组件；
[0009]根据目标子组件的当前位置信息和目标位置信息生成拖曳指令；
[0010]响应所述拖曳指令，将所述目标子组件拖曳至目标位置容器中，同时将所述目标位置容器与所述拖曳指令进行绑定，以使所述目标位置容器具有更改形状和位置的属性；
[0011]响应位置容器调整指令，将各目标位置容器调整为所述待生成dashboard的展示面板样式。
[0012]可选的，所述预先构建多个彼此独立、业务逻辑不相关的子组件，包括：
[0013]预先在所述可视化区域上设置组件列表区域；
[0014]将在VUE项目中开发的多个子组件存储至所述组件列表区域中，并为每个子组件设置唯一标识信息。
[0015]可选的，所述在待生成dashboard的浏览器页面的可视化区域中生成多个位置容器，包括：
[0016]基于层叠样式表的网格布局，在待生成dashboard的浏览器页面的可视化区域中设置多个位置容器。
[0017]可选的，所述根据目标子组件的当前位置信息和目标位置信息生成拖曳指令，包括：
[0018]当在所述可视化区域中检测到点击指令，记录所述点击指令对应在所述可视化区域的点击点的初始位置信息；
[0019]监测所述点击点的移动过程，当所述点击点移动至所述目标子组件上，记录所述目标子组件的当前位置信息；
[0020]在所述点击点拖动所述目标子组件的移动过程中，根据所述点击点的实时位置信息改变所述目标子组件在移动过程中的位置信息，直至所述点击点结束移动；
[0021]根据移动过程中的位置变化信息利用VUE生成拖曳指令。
[0022]可选的，所述响应位置容器调整指令，将各目标位置容器调整为所述待生成dashboard的展示面板样式，包括：
[0023]根据所述点击点落在所述目标位置容器的当前容器位置，和所述点击点拖动所述目标位置容器移动结束时的目标容器位置，生成拖动指令；
[0024]响应所述拖动指令，将所述目标位置容器在所述可视化区域中由所述当前容器位置移动至所述目标容器位置。
[0025]可选的，所述响应位置容器调整指令，将各目标位置容器调整为所述待生成dashboard的展示面板样式，包括：
[0026]根据所述点击点落在所述目标位置容器的目标角时的当前角位置，和所述点击点拖动所述目标角移动结束时的目标角位置，生成尺寸变化指令；
[0027]响应所述尺寸变化指令，通过拉动所述目标角改变所述目标位置容器的尺寸。
[0028]本专利技术实施例另一方面提供了一种商业智能仪表盘生成装置，包括：
[0029]小组件预编译模块，用于预先构建多个彼此独立、业务逻辑不相关的子组件，各子组件为组成dashboard的元素组件；
[0030]位置容器生成模块，用于在待生成dashboard的浏览器页面的可视化区域中生成多个位置容器；每个位置容器对应一个子组件；
[0031]拖曳模块，用于根据目标子组件的当前位置信息和目标位置信息生成拖曳指令；
[0032]绑定模块，用于响应所述拖曳指令，将所述目标子组件拖曳至目标位置容器中，同时将所述目标位置容器与所述拖曳指令进行绑定，以使所述目标位置容器具有更改形状和位置的属性；
[0033]面板生成模块，用于响应位置容器调整指令，将各目标位置容器调整为所述待生成dashboard的展示面板样式。
[0034]可选的，所述小组件预编译模块进一步用于：预先在所述可视化区域上设置组件列表区域；将在VUE项目中开发的多个子组件存储至所述组件列表区域中，并为每个子组件设置唯一标识信息。
[0035]本专利技术实施例还提供了一种电子设备，包括处理器，所述处理器用于执行存储器中存储的计算机程序时实现如前任一项所述商业智能仪表盘生成方法的步骤。
[0036]本专利技术实施例最后还提供了一种可读存储介质，所述可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现如前任一项所述商业智能仪表盘生成方法的步骤。
[0037]本申请提供的技术方案的优点在于，先将dashaboard分解为一个一个的小组件，然后在浏览器页面的可视化区域生成多个位置容器，在生成dashboard时需要哪个组件就拖动哪个组件放进可视化区域的位置容器里面，然后将子组件和位置容器进行绑定，使得位置容器的位置和尺寸均可改变，这样在可视化区域随意拖拽布局容器，自由组合，排列出一个顺序，位置，组件大小都不相同的可视化区域，从而可灵活、方便、快速地生成所需dashboard，可有效提高dashboard的生成效率。dashboard的每一个小模块组件可以拖拽互换位置，灵活，方便，不涉及后端ajax调用接口服务。即使需求变动，只需要删除某个组件或者替换一个组件上去即可，易于操作，效率高，可以复用。
[0038]此外，本专利技术实施例还针对商业智能仪表盘生成方法提供了相应的实现装置、电子设备及可读存储介质，进一步使得所述方法更具有实用性，所述装置、电子设备及可读存储介质具有相应的优点。
[0039]应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本公开。
附本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种商业智能仪表盘生成方法，其特征在于，包括：预先构建多个彼此独立、业务逻辑不相关的子组件，各子组件为组成dashboard的元素组件；在待生成dashboard的浏览器页面的可视化区域中生成多个位置容器；每个位置容器对应一个子组件；根据目标子组件的当前位置信息和目标位置信息生成拖曳指令；响应所述拖曳指令，将所述目标子组件拖曳至目标位置容器中，同时将所述目标位置容器与所述拖曳指令进行绑定，以使所述目标位置容器具有更改形状和位置的属性；响应位置容器调整指令，将各目标位置容器调整为所述待生成dashboard的展示面板样式。2.根据权利要求1所述的商业智能仪表盘生成方法，其特征在于，所述预先构建多个彼此独立、业务逻辑不相关的子组件，包括：预先在所述可视化区域上设置组件列表区域；将在VUE项目中开发的多个子组件存储至所述组件列表区域中，并为每个子组件设置唯一标识信息。3.根据权利要求2所述的商业智能仪表盘生成方法，其特征在于，所述在待生成dashboard的浏览器页面的可视化区域中生成多个位置容器，包括：基于层叠样式表的网格布局，在待生成dashboard的浏览器页面的可视化区域中设置多个位置容器。4.根据权利要求1至3任意一项所述的商业智能仪表盘生成方法，其特征在于，所述根据目标子组件的当前位置信息和目标位置信息生成拖曳指令，包括：当在所述可视化区域中检测到点击指令，记录所述点击指令对应在所述可视化区域的点击点的初始位置信息；监测所述点击点的移动过程，当所述点击点移动至所述目标子组件上，记录所述目标子组件的当前位置信息；在所述点击点拖动所述目标子组件的移动过程中，根据所述点击点的实时位置信息改变所述目标子组件在移动过程中的位置信息，直至所述点击点结束移动；根据移动过程中的位置变化信息利用VUE生成拖曳指令。5.根据权利要求4所述的商业智能仪表盘生成方法，其特征在于，所述响应位置容器调整指令，将各目标位置容器调整为所述待生成dashboard的展示面板样式，包括：根据所述点击点落在所述目标位置容器...

【专利技术属性】
技术研发人员：钱海洋，杨志谦，
申请(专利权)人：杭州安恒信息安全技术有限公司，
类型：发明
国别省市：