CN112700555A - 高可配组态化3d数据可视化实现方法、电子设备、存储介质 - Google Patents

高可配组态化3d数据可视化实现方法、电子设备、存储介质 Download PDF

Info

Publication number
CN112700555A
CN112700555A CN202011629105.5A CN202011629105A CN112700555A CN 112700555 A CN112700555 A CN 112700555A CN 202011629105 A CN202011629105 A CN 202011629105A CN 112700555 A CN112700555 A CN 112700555A
Authority
CN
China
Prior art keywords
model
configuration
page
component
data
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN202011629105.5A
Other languages
English (en)
Other versions
CN112700555B (zh
Inventor
杨胆
何鑫
彭玉冰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhuhai Pilot Technology Co ltd
Original Assignee
Zhuhai Pilot Technology Co ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Zhuhai Pilot Technology Co ltd filed Critical Zhuhai Pilot Technology Co ltd
Priority to CN202011629105.5A priority Critical patent/CN112700555B/zh
Publication of CN112700555A publication Critical patent/CN112700555A/zh
Application granted granted Critical
Publication of CN112700555B publication Critical patent/CN112700555B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T19/00Manipulating 3D models or images for computer graphics
    • G06T19/20Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T17/00Three dimensional [3D] modelling, e.g. data description of 3D objects
    • G06T17/10Constructive solid geometry [CSG] using solid primitives, e.g. cylinders, cubes

Landscapes

  • Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • Geometry (AREA)
  • Computer Graphics (AREA)
  • Computer Hardware Design (AREA)
  • Architecture (AREA)
  • Human Computer Interaction (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

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

Description

高可配组态化3D数据可视化实现方法、电子设备、存储介质
技术领域
本发明涉及计算机软件领域,尤其涉及高可配组态化3D数据可视化实现方法、电子设备、存储介质。
背景技术
数据可视化技术是关于数据视觉表现形式的技术,允许利用图形、图像处理、计算机视觉以及用户界面,通过表达、建模以及对立体、表面、属性以及动画的显示,对数据加以可视化解释。数据可视化应用在网页端已逐渐成为主流,但还存在以下问题:
1.已有svg开发技术插入到html文档中的元素个数太多,当数据量大时,性能太差,且呈现的3D效果太单调;
2.使用传统的echarts开发展示3D数据,样式太丑,难以修改,拉低了软件的档次,显得系统不够专业;
3.canvas webgl方式开发成为刚需,门槛较高,开发难度较大;
4.客户需求变化频繁,无法快速响应和满足客户需求;
5.如何快速出一套大致满足需求的3D应用以提升竞标时的中标概率;
6.开发周期短,如何快速复用之前已经开发过的功能;
7.需要解决动态数据与页面元素(3D构件)绑定,需要运维人员在数据库配置,容易出错的问题;
8.每个项目有不同的模型,如何让多个项目使用统一的操作方式降低培训成本。
发明内容
为了克服现有技术的不足,本发明的目的在于提供高可配组态化3D数据可视化实现方法,减少了二次开发的工作量,降低了公司运维成本,一次开发N次复用,大大降低了后续模型的开发难度,提升了产品的客户体验和公司产品的竞争力。
本发明提供高可配组态化3D数据可视化实现方法,包括以下步骤:
拆解模型,分步建立各个模型;
增加模型配置,将需要的各个细节的功能进行拆分并独立成插件,进行独立的按功能保存,提供查询接口;
接口开发,制作与拆分的功能对应的接口;
页面组态,动态创建页面,在所述页面动态添加组件并设置组件显示位置和大小,在所述组件内部显示可选模型清单,根据选择的模型获取模型内容,显示对应的模型,配置用户选择模型中的插件,根据选择的插件出现可选功能清单,根据选择的功能提供相关的参数配置,将配置内容调用接口保存到数据库;
页面展示,获取组件清单,根据组件配置和位置显示对应大小的组件到具体位置,获取模型内容,并显示到页面中对应组件内,获取模型配置信息,根据配置信息动态加载模型,加载功能,改造模型,添加事件。
进一步地,所述拆解模型步骤中,以BIM技术常用模型制作软件revit作为基础,分步建立各个模型。
进一步地,所述增加模型配置步骤中,所述功能包括绑点、变色、闪烁、实时数据、位移、旋转、三维标签、批注、隐藏、透明度、路径动画、自定义弹窗、缩放,所述绑点为绑定后台数据表主键,所述变色为模型加载后,根据配置修改指定构件的文本或背景色,所述闪烁为根据状态设置构件在几个颜色之间切换,所述实时数据为根据绑定的数据执行查询,替换页面构件中显示的文本信息,所述位移为根据后台推送的数据执行构件的变换位置,所述旋转为根据后台推送的数据执行构件的旋转,所述三维标签为保存标签位置,模型加载后动态构造标签和需要显示的内容,所述批注为标识模型中的内容信息和备注,模型加载后动态构造这些批注,所述隐藏为设置指定的构件不可见,模型加载后动态隐藏,所述透明度为设置指定构件透明度,模型加载后动态设置,所述路径动画为设置模型关键帧存储到数据库,模型加载后根据配置显示动画,所述自定义弹窗为设置点击指定构件后,页面到后台获取对应的构件和相关信息显示到弹窗中,所述缩放为设置指定的构件在满足指定的条件后能缩放指定构件。
进一步地,所述接口开发步骤中,所述接口为增删改查接口,页面加载后,获取模型的同时也获取所述配置信息。
进一步地,在所述页面组态步骤中,在canvas通过webgl技术显示对应模型。
进一步地,在所述页面组态步骤中,将配置内容以模型实例id为主键调用后台接口保存到数据库。
进一步地,所述页面展示步骤中,根据页面id获取组件清单,根据组件实例id获取模型id,根据所述模型id获取模型内容,根据模型实例id获取模型配置信息。
进一步地,所述页面展示步骤中,在canvas通过webgl技术显示到页面中对应组件内。
一种电子设备,包括:处理器;
存储器;以及程序,其中所述程序被存储在所述存储器中,并且被配置成由处理器执行,所述程序包括用于执行高可配组态化3D数据可视化实现方法。
一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行高可配组态化3D数据可视化实现方法。
相比现有技术,本发明的有益效果在于:
本发明提供高可配组态化3D数据可视化实现方法,包括以下步骤:拆解模型,增加模型配置,接口开发,页面组态,页面展示。将拆解的模型使用按需加载方式加载,模型动态绑定动画和相关id或者数据,动态增加事件绑定,动态根据配置和接口组装生成页面,在canvas通过webgl技术显示对应的3D页面内容并支持配置的事件触发。本发明涉及电子设备和存储介质,用于执行高可配组态化3D数据可视化实现方法。本发明减少了二次开发的工作量,降低了公司运维成本,一次开发N次复用,大大降低了后续模型的开发难度,提升了产品的客户体验和公司产品的竞争力。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,并可依照说明书的内容予以实施,以下以本发明的较佳实施例并配合附图详细说明如后。本发明的具体实施方式由以下实施例及其附图详细给出。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1为本发明的高可配组态化3D数据可视化实现方法流程图。
具体实施方式
下面,结合附图以及具体实施方式,对本发明做进一步描述,需要说明的是,在不相冲突的前提下,以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施例。
高可配组态化3D数据可视化实现方法,如图1所示,包括以下步骤:
拆解模型,以BIM技术常用模型制作软件revit作为基础,分步建立各个模型。拆解的模型用于提供按需加载,提升页面性能加载整个3D模型,便于逐个模型配置和独立页面展示局部图。
增加模型配置,将需要的各个细节的功能进行拆分并独立成插件,插件按需引用和按需加载,提升页面性能;后台提供独立的按功能的保存和查询接口。功能拆分如表1所示。
表1功能拆分表
Figure BDA0002878134740000051
Figure BDA0002878134740000061
接口开发,根据功能拆分表,制作对应的增删改查接口;页面加载后,获取模型的同时也获取配置信息。
页面组态,动态创建页面(菜单),在页面动态添加组件并设置组件显示位置和大小,在组件内部显示可选模型清单,根据选择的模型获取模型内容,在canvas通过webgl技术显示对应的模型,配置用户选择模型中的插件,根据选择的插件出现可选功能清单,根据选择的功能提供相关的参数配置,将配置内容以模型实例id为主键调用后台接口保存到数据库;
页面展示,根据页面id获取组件清单,根据组件配置和位置显示对应大小的组件到具体位置,根据组件实例id获取模型id,根据模型id获取模型内容,在canvas通过webgl技术显示到页面中对应组件内,根据模型实例id获取模型配置信息,根据配置信息动态加载模型,加载功能,改造模型,添加事件等。
一种电子设备,包括:处理器;
存储器;以及程序,其中程序被存储在存储器中,并且被配置成由处理器执行,程序包括用于执行高可配组态化3D数据可视化实现方法。
一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行高可配组态化3D数据可视化实现方法。
本发明提供高可配组态化3D数据可视化实现方法,包括以下步骤:拆解模型,增加模型配置,接口开发,页面组态,页面展示。将拆解的模型使用按需加载方式加载,模型动态绑定动画和相关id或者数据,动态增加事件绑定,动态根据配置和接口组装生成页面,在canvas通过webgl技术显示对应的3D页面内容并支持配置的事件触发。本发明涉及电子设备和存储介质,用于执行高可配组态化3D数据可视化实现方法。本发明减少了二次开发的工作量,降低了公司运维成本,一次开发N次复用,大大降低了后续模型的开发难度,提升了产品的客户体验和公司产品的竞争力。
以上,仅为本发明的较佳实施例而已,并非对本发明作任何形式上的限制;凡本行业的普通技术人员均可按说明书附图所示和以上而顺畅地实施本发明;但是,凡熟悉本专业的技术人员在不脱离本发明技术方案范围内,利用以上所揭示的技术内容而做出的些许更动、修饰与演变的等同变化,均为本发明的等效实施例;同时,凡依据本发明的实质技术对以上实施例所作的任何等同变化的更动、修饰与演变等,均仍属于本发明的技术方案的保护范围之内。

Claims (10)

1.高可配组态化3D数据可视化实现方法,其特征在于,包括以下步骤:
拆解模型,分步建立各个模型;
增加模型配置,将需要的各个细节的功能进行拆分并独立成插件,进行独立的按功能保存,提供查询接口;
接口开发,制作与拆分的功能对应的接口;
页面组态,动态创建页面,在所述页面动态添加组件并设置组件显示位置和大小,在所述组件内部显示可选模型清单,根据选择的模型获取模型内容,显示对应的模型,配置用户选择模型中的插件,根据选择的插件出现可选功能清单,根据选择的功能提供相关的参数配置,将配置内容调用接口保存到数据库;
页面展示,获取组件清单,根据组件配置和位置显示对应大小的组件到具体位置,获取模型内容,并显示到页面中对应组件内,获取模型配置信息,根据配置信息动态加载模型,加载功能,改造模型,添加事件。
2.如权利要求1所述的高可配组态化3D数据可视化实现方法,其特征在于:所述拆解模型步骤中,以BIM技术常用模型制作软件revit作为基础,分步建立各个模型。
3.如权利要求1所述的高可配组态化3D数据可视化实现方法,其特征在于:所述增加模型配置步骤中,所述功能包括绑点、变色、闪烁、实时数据、位移、旋转、三维标签、批注、隐藏、透明度、路径动画、自定义弹窗、缩放,所述绑点为绑定后台数据表主键,所述变色为模型加载后,根据配置修改指定构件的文本或背景色,所述闪烁为根据状态设置构件在几个颜色之间切换,所述实时数据为根据绑定的数据执行查询,替换页面构件中显示的文本信息,所述位移为根据后台推送的数据执行构件的变换位置,所述旋转为根据后台推送的数据执行构件的旋转,所述三维标签为保存标签位置,模型加载后动态构造标签和需要显示的内容,所述批注为标识模型中的内容信息和备注,模型加载后动态构造这些批注,所述隐藏为设置指定的构件不可见,模型加载后动态隐藏,所述透明度为设置指定构件透明度,模型加载后动态设置,所述路径动画为设置模型关键帧存储到数据库,模型加载后根据配置显示动画,所述自定义弹窗为设置点击指定构件后,页面到后台获取对应的构件和相关信息显示到弹窗中,所述缩放为设置指定的构件在满足指定的条件后能缩放指定构件。
4.如权利要求1所述的高可配组态化3D数据可视化实现方法,其特征在于:所述接口开发步骤中,所述接口为增删改查接口,页面加载后,获取模型的同时也获取所述配置信息。
5.如权利要求1所述的高可配组态化3D数据可视化实现方法,其特征在于:在所述页面组态步骤中,在canvas通过webgl技术显示对应模型。
6.如权利要求1所述的高可配组态化3D数据可视化实现方法,其特征在于:在所述页面组态步骤中,将配置内容以模型实例id为主键调用后台接口保存到数据库。
7.如权利要求1所述的高可配组态化3D数据可视化实现方法,其特征在于:所述页面展示步骤中,根据页面id获取组件清单,根据组件实例id获取模型id,根据所述模型id获取模型内容,根据模型实例id获取模型配置信息。
8.如权利要求1所述的高可配组态化3D数据可视化实现方法,其特征在于:所述页面展示步骤中,在canvas通过webgl技术显示到页面中对应组件内。
9.一种电子设备,其特征在于包括:处理器;
存储器;以及程序,其中所述程序被存储在所述存储器中,并且被配置成由处理器执行,所述程序包括用于执行如权利要求1-8任意一项所述的方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于:所述计算机程序被处理器执行如权利要求1-8任意一项所述的方法。
CN202011629105.5A 2020-12-31 2020-12-31 高可配组态化3d数据可视化实现方法、电子设备、存储介质 Active CN112700555B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202011629105.5A CN112700555B (zh) 2020-12-31 2020-12-31 高可配组态化3d数据可视化实现方法、电子设备、存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011629105.5A CN112700555B (zh) 2020-12-31 2020-12-31 高可配组态化3d数据可视化实现方法、电子设备、存储介质

Publications (2)

Publication Number Publication Date
CN112700555A true CN112700555A (zh) 2021-04-23
CN112700555B CN112700555B (zh) 2023-11-14

Family

ID=75513400

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011629105.5A Active CN112700555B (zh) 2020-12-31 2020-12-31 高可配组态化3d数据可视化实现方法、电子设备、存储介质

Country Status (1)

Country Link
CN (1) CN112700555B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115329615A (zh) * 2022-10-18 2022-11-11 北京名洋数字科技股份有限公司 基于数据库预存展品自动投影模型系统及方法

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1701260A1 (en) * 2005-03-10 2006-09-13 Research In Motion Limited System and method for building a deployable component based application
CN101482821A (zh) * 2009-02-13 2009-07-15 山东浪潮齐鲁软件产业股份有限公司 一种实现信息辅助录入功能的模型驱动开发方法
CN102508989A (zh) * 2011-09-27 2012-06-20 福建省电力有限公司 一种基于虚拟现实的电网全景动态展示系统
CN102662656A (zh) * 2012-03-15 2012-09-12 北京神州数码思特奇信息技术股份有限公司 一种程序结构插件化方法及系统
CN103885788A (zh) * 2014-04-14 2014-06-25 焦点科技股份有限公司 一种基于模型组件化动态web 3d虚拟现实场景的搭建方法及系统
CN107679188A (zh) * 2017-09-30 2018-02-09 东莞市同立方智能科技有限公司 一种在网页中加载3d模型的方法
CN108256831A (zh) * 2018-02-02 2018-07-06 北京筑业志远软件开发有限公司 基于可视化bim模型进行工程资料管理的方法
CN111724462A (zh) * 2020-06-18 2020-09-29 北京优锘科技有限公司 在Chrome浏览器中三维渲染的方法
CN112053130A (zh) * 2020-09-04 2020-12-08 清远蓄能发电有限公司 抽水蓄能电站综合管理方法、平台、系统、设备和介质

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
EP1701260A1 (en) * 2005-03-10 2006-09-13 Research In Motion Limited System and method for building a deployable component based application
CN101482821A (zh) * 2009-02-13 2009-07-15 山东浪潮齐鲁软件产业股份有限公司 一种实现信息辅助录入功能的模型驱动开发方法
CN102508989A (zh) * 2011-09-27 2012-06-20 福建省电力有限公司 一种基于虚拟现实的电网全景动态展示系统
CN102662656A (zh) * 2012-03-15 2012-09-12 北京神州数码思特奇信息技术股份有限公司 一种程序结构插件化方法及系统
CN103885788A (zh) * 2014-04-14 2014-06-25 焦点科技股份有限公司 一种基于模型组件化动态web 3d虚拟现实场景的搭建方法及系统
CN107679188A (zh) * 2017-09-30 2018-02-09 东莞市同立方智能科技有限公司 一种在网页中加载3d模型的方法
CN108256831A (zh) * 2018-02-02 2018-07-06 北京筑业志远软件开发有限公司 基于可视化bim模型进行工程资料管理的方法
CN111724462A (zh) * 2020-06-18 2020-09-29 北京优锘科技有限公司 在Chrome浏览器中三维渲染的方法
CN112053130A (zh) * 2020-09-04 2020-12-08 清远蓄能发电有限公司 抽水蓄能电站综合管理方法、平台、系统、设备和介质

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
JAVIER IRIZARRY ET AL.: "Integrating BIM and GIS to improve the visual monitoring of construction supply chain management", 《AUTOMATION IN CONSTRUCTION》, vol. 31, pages 250 - 253 *
张晗玥: "基于WebGL的BIM模型可视化方法研究", 《中国优秀硕士学位论文全文数据库 工程科技Ⅱ辑》, no. 7, pages 038 - 248 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115329615A (zh) * 2022-10-18 2022-11-11 北京名洋数字科技股份有限公司 基于数据库预存展品自动投影模型系统及方法
CN115329615B (zh) * 2022-10-18 2023-02-10 北京名洋数字科技股份有限公司 基于数据库预存展品自动投影模型系统及方法

Also Published As

Publication number Publication date
CN112700555B (zh) 2023-11-14

Similar Documents

Publication Publication Date Title
CN109614424B (zh) 页面布局生成方法、装置、计算设备和介质
US20220067268A1 (en) Systems and methods for remote dashboard image generation
CN107992304B (zh) 一种生成显示界面的方法和装置
CN108292297B (zh) 用于在可视化优化期间选择性地保留图表元素的标记使用
KR101686691B1 (ko) 계층적-체계화된 컨트롤 갤러리들
US10210144B2 (en) Creation and display of a webpage with alternative layouts for different webpage widths
CN109408764B (zh) 页面区域划分方法、装置、计算设备和介质
US9141746B1 (en) System and method to drag instance master physical shell
EP2924590A1 (en) Page rendering method and apparatus
US20110258534A1 (en) Declarative definition of complex user interface state changes
US20170102927A1 (en) Automated responsive grid-based layout design system
CN105528418B (zh) 一种设计文档生成方法及装置
US11281742B2 (en) Interactive and selective coloring of digital vector glyphs
US11675967B2 (en) Automated front-end code generating method and system for a website
WO2016099317A1 (ru) Способ и система визуального управления данными
CN111459501A (zh) 基于SVG的Web组态画面存储与展示系统和方法及介质
US9753620B2 (en) Method, system and computer program product for facilitating the prototyping and previewing of dynamic interactive graphical design widget state transitions in an interactive documentation environment
US20160314502A1 (en) System and method for streamlining the design and development process of multiple advertising units
CN111596919A (zh) 图文绘制结果的展示方法、装置、计算机设备及存储介质
US20230129431A1 (en) One-to-Many Automatic Content Generation
CN112700555A (zh) 高可配组态化3d数据可视化实现方法、电子设备、存储介质
CN113139371A (zh) 一种可视化图表构建方法、装置、系统及存储介质
US20100021060A1 (en) Method for overlapping visual slices
CN112132941A (zh) 一种文字渲染方法、装置、设备及存储介质
CN113835835B (zh) 一种创建一致性组的方法、装置、及计算机可读存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant