高可配组态化3D数据可视化实现方法、电子设备、存储介质技术

本发明专利技术提供高可配组态化3D数据可视化实现方法，包括以下步骤：拆解模型，增加模型配置，接口开发，页面组态，页面展示。将拆解的模型使用按需加载方式加载，模型动态绑定动画和相关id或者数据,动态增加事件绑定，动态根据配置和接口组装生成页面，在canvas通过webgl技术显示对应的3D页面内容并支持配置的事件触发。本发明专利技术涉及电子设备和存储介质，用于执行高可配组态化3D数据可视化实现方法。本发明专利技术减少了二次开发的工作量，降低了公司运维成本，一次开发N次复用，大大降低了后续模型的开发难度，提升了产品的客户体验和公司产品的竞争力。争力。争力。

【技术实现步骤摘要】
高可配组态化3D数据可视化实现方法、电子设备、存储介质


[0001]本专利技术涉及计算机软件领域，尤其涉及高可配组态化3D数据可视化实现方法、电子设备、存储介质。

技术介绍

[0002]数据可视化技术是关于数据视觉表现形式的技术，允许利用图形、图像处理、计算机视觉以及用户界面，通过表达、建模以及对立体、表面、属性以及动画的显示，对数据加以可视化解释。数据可视化应用在网页端已逐渐成为主流，但还存在以下问题：
[0003]1.已有svg开发技术插入到html文档中的元素个数太多，当数据量大时，性能太差，且呈现的3D效果太单调；
[0004]2.使用传统的echarts开发展示3D数据，样式太丑，难以修改，拉低了软件的档次，显得系统不够专业；
[0005]3.canvas webgl方式开发成为刚需，门槛较高，开发难度较大；
[0006]4.客户需求变化频繁，无法快速响应和满足客户需求；
[0007]5.如何快速出一套大致满足需求的3D应用以提升竞标时的中标概率；
[0008]6.开发周期短，如何快速复用之前已经开发过的功能；
[0009]7.需要解决动态数据与页面元素(3D构件)绑定，需要运维人员在数据库配置，容易出错的问题；
[0010]8.每个项目有不同的模型，如何让多个项目使用统一的操作方式降低培训成本。

技术实现思路

[0011]为了克服现有技术的不足，本专利技术的目的在于提供高可配组态化3D数据可视化实现方法，减少了二次开发的工作量，降低了公司运维成本，一次开发N次复用，大大降低了后续模型的开发难度，提升了产品的客户体验和公司产品的竞争力。
[0012]本专利技术提供高可配组态化3D数据可视化实现方法，包括以下步骤：
[0013]拆解模型，分步建立各个模型；
[0014]增加模型配置，将需要的各个细节的功能进行拆分并独立成插件，进行独立的按功能保存，提供查询接口；
[0015]接口开发，制作与拆分的功能对应的接口；
[0016]页面组态，动态创建页面，在所述页面动态添加组件并设置组件显示位置和大小，在所述组件内部显示可选模型清单，根据选择的模型获取模型内容，显示对应的模型，配置用户选择模型中的插件，根据选择的插件出现可选功能清单，根据选择的功能提供相关的参数配置，将配置内容调用接口保存到数据库；
[0017]页面展示，获取组件清单，根据组件配置和位置显示对应大小的组件到具体位置，获取模型内容，并显示到页面中对应组件内，获取模型配置信息，根据配置信息动态加载模型，加载功能，改造模型，添加事件。
[0018]进一步地，所述拆解模型步骤中，以BIM技术常用模型制作软件revit作为基础，分步建立各个模型。
[0019]进一步地，所述增加模型配置步骤中，所述功能包括绑点、变色、闪烁、实时数据、位移、旋转、三维标签、批注、隐藏、透明度、路径动画、自定义弹窗、缩放，所述绑点为绑定后台数据表主键，所述变色为模型加载后，根据配置修改指定构件的文本或背景色，所述闪烁为根据状态设置构件在几个颜色之间切换，所述实时数据为根据绑定的数据执行查询，替换页面构件中显示的文本信息，所述位移为根据后台推送的数据执行构件的变换位置，所述旋转为根据后台推送的数据执行构件的旋转，所述三维标签为保存标签位置，模型加载后动态构造标签和需要显示的内容，所述批注为标识模型中的内容信息和备注，模型加载后动态构造这些批注，所述隐藏为设置指定的构件不可见，模型加载后动态隐藏，所述透明度为设置指定构件透明度，模型加载后动态设置，所述路径动画为设置模型关键帧存储到数据库，模型加载后根据配置显示动画，所述自定义弹窗为设置点击指定构件后，页面到后台获取对应的构件和相关信息显示到弹窗中，所述缩放为设置指定的构件在满足指定的条件后能缩放指定构件。
[0020]进一步地，所述接口开发步骤中，所述接口为增删改查接口，页面加载后，获取模型的同时也获取所述配置信息。
[0021]进一步地，在所述页面组态步骤中，在canvas通过webgl技术显示对应模型。
[0022]进一步地，在所述页面组态步骤中，将配置内容以模型实例id为主键调用后台接口保存到数据库。
[0023]进一步地，所述页面展示步骤中，根据页面id获取组件清单，根据组件实例id获取模型id，根据所述模型id获取模型内容，根据模型实例id获取模型配置信息。
[0024]进一步地，所述页面展示步骤中，在canvas通过webgl技术显示到页面中对应组件内。
[0025]一种电子设备，包括：处理器；
[0026]存储器；以及程序，其中所述程序被存储在所述存储器中，并且被配置成由处理器执行，所述程序包括用于执行高可配组态化3D数据可视化实现方法。
[0027]一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行高可配组态化3D数据可视化实现方法。
[0028]相比现有技术，本专利技术的有益效果在于：
[0029]本专利技术提供高可配组态化3D数据可视化实现方法，包括以下步骤：拆解模型，增加模型配置，接口开发，页面组态，页面展示。将拆解的模型使用按需加载方式加载，模型动态绑定动画和相关id或者数据,动态增加事件绑定，动态根据配置和接口组装生成页面，在canvas通过webgl技术显示对应的3D页面内容并支持配置的事件触发。本专利技术涉及电子设备和存储介质，用于执行高可配组态化3D数据可视化实现方法。本专利技术减少了二次开发的工作量，降低了公司运维成本，一次开发N次复用，大大降低了后续模型的开发难度，提升了产品的客户体验和公司产品的竞争力。
[0030]上述说明仅是本专利技术技术方案的概述，为了能够更清楚了解本专利技术的技术手段，并可依照说明书的内容予以实施，以下以本专利技术的较佳实施例并配合附图详细说明如后。本专利技术的具体实施方式由以下实施例及其附图详细给出。
附图说明
[0031]此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中：
[0032]图1为本专利技术的高可配组态化3D数据可视化实现方法流程图。
具体实施方式
[0033]下面，结合附图以及具体实施方式，对本专利技术做进一步描述，需要说明的是，在不相冲突的前提下，以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施例。
[0034]高可配组态化3D数据可视化实现方法，如图1所示，包括以下步骤：
[0035]拆解模型，以BIM技术常用模型制作软件revit作为基础，分步建立各个模型。拆解的模型用于提供按需加载，提升页面性能加载整个3D模型，便于逐个模型配置和独立页面展示局部图。
[0036]增加模型配置，将需要的各个细节的功能进行拆分并独立成插件，插件按需引用和按需加载，提升页面性能；后台提供独立的按功能的保存和查询接口。功能拆分如表1本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.高可配组态化3D数据可视化实现方法，其特征在于，包括以下步骤：拆解模型，分步建立各个模型；增加模型配置，将需要的各个细节的功能进行拆分并独立成插件，进行独立的按功能保存，提供查询接口；接口开发，制作与拆分的功能对应的接口；页面组态，动态创建页面，在所述页面动态添加组件并设置组件显示位置和大小，在所述组件内部显示可选模型清单，根据选择的模型获取模型内容，显示对应的模型，配置用户选择模型中的插件，根据选择的插件出现可选功能清单，根据选择的功能提供相关的参数配置，将配置内容调用接口保存到数据库；页面展示，获取组件清单，根据组件配置和位置显示对应大小的组件到具体位置，获取模型内容，并显示到页面中对应组件内，获取模型配置信息，根据配置信息动态加载模型，加载功能，改造模型，添加事件。2.如权利要求1所述的高可配组态化3D数据可视化实现方法，其特征在于：所述拆解模型步骤中，以BIM技术常用模型制作软件revit作为基础，分步建立各个模型。3.如权利要求1所述的高可配组态化3D数据可视化实现方法，其特征在于：所述增加模型配置步骤中，所述功能包括绑点、变色、闪烁、实时数据、位移、旋转、三维标签、批注、隐藏、透明度、路径动画、自定义弹窗、缩放，所述绑点为绑定后台数据表主键，所述变色为模型加载后，根据配置修改指定构件的文本或背景色，所述闪烁为根据状态设置构件在几个颜色之间切换，所述实时数据为根据绑定的数据执行查询，替换页面构件中显示的文本信息，所述位移为根据后台推送的数据执行构件的变换位置，所述旋转为根据后台推送的数据执行构件的旋转，所述三维标签为保存标签位置，模型加载后动态构造标签和需要显示的内容，所述批注为标识模型中的内容信息和备注，模型加载后动态构造这些批注，所述隐藏为设置指...

【专利技术属性】
技术研发人员：杨胆，何鑫，彭玉冰，
申请(专利权)人：珠海派诺科技股份有限公司，
类型：发明
国别省市：