一种多框架的大屏可视化方法、系统、设备及存储介质技术方案

本申请涉及一种多框架的大屏可视化方法、系统、设备及存储介质，其属于屏幕处理技术领域，其中方法包括：显示若干个预设的元素；接收元素添加指令，基于元素添加指令，将待添加的元素按照拖拽轨迹添加至预设显示界面上，将待添加的元素在所述预设显示界面上的位置信息添加至元素信息中，并存储于预设的界面信息表中；接收元素编辑指令，基于元素编辑指令，对待编辑的元素进行编辑，将具体编辑内容更新至所述界面信息表中；若显示界面上存在重叠部位，则将重叠部位进行处理后显示。本申请具有实现对显示界面具体显示内容的自定义配置的效果。对显示界面具体显示内容的自定义配置的效果。对显示界面具体显示内容的自定义配置的效果。

【技术实现步骤摘要】
一种多框架的大屏可视化方法、系统、设备及存储介质


[0001]本申请涉及屏幕处理
，尤其是涉及一种多框架的大屏可视化方法、系统、设备及存储介质。

技术介绍

[0002]随着技术的发展，屏幕已经广泛应用在各个领域中，目前，对于运维数据的可视化，需要屏幕进行显示，这样对运行监控数据、资源统计数据、运维流程数据的整合，做多维数据的收集和展现，形成可视化大屏和看板，让运维管理者更好的做运维决策和知道调度，实时跟踪态势，以便更快的做出响应。
[0003]现有的可视化屏幕的模板都是固定不变的，即一旦使用就只能按照模板的模式一直使用，无法根据实际情况改变，导致灵活性差，用户体验感不佳。

技术实现思路

[0004]为了改善现有可视化屏幕的灵活性差、用户体验感不佳的技术问题，本申请提供一种多框架的大屏可视化方法、系统、设备及存储介质。
[0005]第一方面，本申请提供了一种多框架的大屏可视化方法，采用如下的技术方案：一种多框架的大屏可视化方法，包括：显示若干个预设的元素；接收元素添加指令，基于所述元素添加指令，将待添加的元素按照拖拽轨迹添加至预设显示界面上，将所述待添加的元素在所述预设显示界面上的位置信息添加至元素信息中，并存储于预设的界面信息表中；其中，所述元素添加指令包括待添加的元素的元素信息以及拖拽轨迹；接收元素编辑指令，基于所述元素编辑指令，对待编辑的元素进行编辑，将具体编辑内容更新至所述界面信息表中；其中，所述元素编辑指令包含待编辑的元素的元素信息以及具体编辑内容；若所述显示界面上存在重叠部位，则将所述重叠部位进行处理后显示，其中所述重叠部位指所述显示界面上的元素相互重合的位置。
[0006]通过采用上述技术方案，显示预先设定可供添加的若干元素，用户可以选定任意元素并触发元素添加指令，系统在接收到元素添加指令之后即可根据拖拽轨迹将待添加的元素拖拽至预设显示界面，还可触发元素编辑指令来对待编辑元素进行编辑，具体的编辑内容可以为但不仅限于元素的尺寸、规格、位置的调整；此外，若预设显示界面中存在重叠部位，则对重叠部位进行处理后再显示，以解决重叠问题。
[0007]可选的，所述元素信息具体包括元素属性，所述基于所述元素添加指令，将待添加的元素按照拖拽轨迹添加至预设显示界面上，包括：若所述元素属性为Tab页签，则显示预设的装载容器的具体内容，以供用户选择所述预设装载容器的具体内容；
接收页签内容信息，基于所述页签内容信息生成子页面，将所述子页面与所述元素信息的对应关系存储于预设的对应关系表中，其中所述页签内容信息包含装载容器的具体内容；将待添加的元素按照拖拽轨迹添加至预设显示界面，将所述待添加的元素在所述显示界面上的位置信息更新至所述对应关系表中；接收Tab页签显示指令，其中，所述Tab页签显示指令中包含被选择的元素，确定所述被选择的元素的元素信息，基于所述对应关系表显示对应的子页面。
[0008]通过采用上述技术方案，预设的显示界面上可以添加Tab页签，当点击显示界面上的Tab页签时，则触发Tab页签显示指令，此时显示界面则跳转至上述Tab页签所对应的子页面，而在将Tab页签添加至显示界面之前，可以从装载容器中选择需要展示的内容，上述被选择的内容将形成页面内容信息，再基于上述页面内容信息则生成了上述Tab页签对应的子页面，实现了对子页面内容的自定义配置。
[0009]可选的，所述若所述显示界面上存在重叠部位，则将所述重叠部位进行处理后显示，包括：若所述显示界面上存在重叠部位，则将所述重叠部位所属的元素的尺寸进行缩放调整，直至所述重叠部位所属的元素互不重叠，对预设显示界面上的所有元素进行显示。
[0010]通过采用上述技术方案，若预设显示界面上的任意元素之间存在重叠部位，则对上述存在重叠部位所对应的元素进行调整，以消除重叠部位，具体的消除方法为缩小对应元素的尺寸，直至元素互不重合，以保证预设显示界面上的每一元素均能进行完整显示。
[0011]可选的，所述将所述重叠部位所属的元素的尺寸进行缩放调整，包括：将所述重叠部位所属的元素确定为第一元素，基于预设的优先等级表，确定全部所述第一元素所对应的优先级，对优先级低的第一元素的尺寸进行缩小调整；其中所述优先等级表中预存储有元素属性与优先级的对应关系。
[0012]通过采用上述技术方案，每一元素均对应一个元素属性，每种元素属性均对应一个优先级，默认优先级越高，元素所展示的内容越重要，在对存在重叠部位的元素的尺寸进行调整时，优先对优先级低的元素的尺寸进行缩小调整。
[0013]可选的，所述重叠部位包括覆盖部位和被覆盖部位，所述被覆盖部位为被遮挡住的元素部位，所述覆盖部位为遮挡住其他元素的元素部位；所述若所述显示界面上存在重叠部位，则将所述重叠部位进行处理后显示，包括：若所述显示界面上存在重叠部位，则确定覆盖部位和被覆盖部位，对覆盖部位的透明度进行调节，以使得所述覆盖部位的透明度低于所述被覆盖部位的透明度，对预设显示界面上的所有元素进行显示。
[0014]通过采用上述技术方案，对相互重叠的两个部位的透明度进行调节，首先将相互重叠的部位中，被覆盖遮挡住的部位确定为被覆盖部位，将遮挡住其他元素的部位确定为覆盖部位，然后将覆盖部位的透明度调至低于被覆盖部位透明度的程度，以使得被覆盖部位得以被显示。
[0015]可选的，所述界面信息表中的元素信息中包含有元素的重点区域，所述重点区域指元素需要着重展示的内容所处的位置；所述若所述显示界面上存在重叠部位，则将所述重叠部位进行处理后显示，包括：
确定所述重叠部位所对应的元素及其对应的重点区域，确定所述重点区域是否与所述重叠部位存在相同区域；若所述重叠部位所对应的元素的重点区域与重叠部位存在相同区域，则所述元素为第二元素，反之为第三元素；若所述重叠部位所对应的元素包括第二元素和第三元素，则用所述第二元素所对应的重叠部位覆盖所述第三元素所对应的重叠部位；若所述重叠部位所对应的元素均为第二元素，则确定每一第二元素所对应的相同区域的区域面积，按照所述区域面积由小到大的顺序依次缩小对应的第二元素的尺寸，直至所述重叠部位所对应的元素的重点区域与所述重叠部位不存在相同区域为止。
[0016]通过采用上述技术方案，若显示界面上的多个元素之间存在重叠部位，那么可以确定上述元素的重点区域是否与重叠部位有交集（即存在相同区域），若上述所有元素中，有的元素为第二元素，有的元素为第三元素，则直接用第二元素的重叠部位覆盖第三元素的重叠部位，因为第三元素的重叠部位中不包含第三元素需要着重展示的重点区域；若上述元素均为第二元素，那么则确定相同区域的区域面积，按照所述区域面积由小到大的顺序依次缩小对应的第二元素的尺寸，直至重叠部位所对应的元素的重点区域与重叠部位不存在相同区域为止。
[0017]可选的，所述方法还包括：接收位置对调指令，所述位置对调指令包括待调位的元素的元素信息、待调位的元素的被选择时间、调位方向；若所述位置对调指令中的待调位的元素的个数为2，则将两个元素的位置进本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种多框架的大屏可视化方法，其特征在于，包括：显示若干个预设的元素；接收元素添加指令，基于所述元素添加指令，将待添加的元素按照拖拽轨迹添加至预设显示界面上，将所述待添加的元素在所述预设显示界面上的位置信息添加至元素信息中，并存储于预设的界面信息表中；其中，所述元素添加指令包括待添加的元素的元素信息以及拖拽轨迹；接收元素编辑指令，基于所述元素编辑指令，对待编辑的元素进行编辑，将具体编辑内容更新至所述界面信息表中；其中，所述元素编辑指令包含待编辑的元素的元素信息以及具体编辑内容；若所述显示界面上存在重叠部位，则将所述重叠部位进行处理后显示，其中所述重叠部位指所述显示界面上的元素相互重合的位置。2.根据权利要求1所述的多框架的大屏可视化方法，其特征在于，所述元素信息具体包括元素属性，所述基于所述元素添加指令，将待添加的元素按照拖拽轨迹添加至预设显示界面上，包括：若所述元素属性为Tab页签，则显示预设的装载容器的具体内容，以供用户选择所述预设装载容器的具体内容；接收页签内容信息，基于所述页签内容信息生成子页面，将所述子页面与所述元素信息的对应关系存储于预设的对应关系表中，其中所述页签内容信息包含装载容器的具体内容；将待添加的元素按照拖拽轨迹添加至预设显示界面，将所述待添加的元素在所述显示界面上的位置信息更新至所述对应关系表中；接收Tab页签显示指令，其中，所述Tab页签显示指令中包含被选择的元素，确定所述被选择的元素的元素信息，基于所述对应关系表显示对应的子页面。3.根据权利要求1所述的多框架的大屏可视化方法，其特征在于，所述若所述显示界面上存在重叠部位，则将所述重叠部位进行处理后显示，包括：若所述显示界面上存在重叠部位，则将所述重叠部位所属的元素的尺寸进行缩放调整，直至所述重叠部位所属的元素互不重叠，对预设显示界面上的所有元素进行显示。4.根据权利要求3所述的多框架的大屏可视化方法，其特征在于，所述将所述重叠部位所属的元素的尺寸进行缩放调整，包括：将所述重叠部位所属的元素确定为第一元素，基于预设的优先等级表，确定全部所述第一元素所对应的优先级，对优先级低的第一元素的尺寸进行缩小调整；其中所述优先等级表中预存储有元素属性与优先级的对应关系。5.根据权利要求1所述的多框架的大屏可视化方法，其特征在于，所述重叠部位包括覆盖部位和被覆盖部位，所述被覆盖部位为被遮挡住的元素部位，所述覆盖部位为遮挡住其他元素的元素部位；所述若所述显示界面上存在重叠部位，则将所述重叠部位进行处理后显示，包括：若所述显示界面上存在重叠部位，则确定覆盖部位和被覆盖部位，对覆盖部位的透明度进行调节，以使得所述覆盖部位的透明度...

【专利技术属性】
技术研发人员：董彬超，谢炜炜，李志鹏，方青慧，
申请(专利权)人：江苏锐创软件技术有限公司，
类型：发明
国别省市：