CN115061671B - 一种数字孪生应用页面与业务逻辑的配置方法及系统 - Google Patents

Abstract

本发明提供的一种数字孪生应用页面与业务逻辑的配置方法及系统，方法包括：获取素材数据集；初始化处理配置工作台和页面布局画布；根据所述页面布局画布创建控件；初始化基于WebGL的网页端渲染技术和/或可交互视频流渲染技术的两类三维图像渲染场景；获取所述三维图像渲染场景的配套信息；根据所述配套信息生成对应的程序控制指令接口；根据所述程序控制指令接口配置所述控件的交互参数；将所述交互参数映射生成交互业务逻辑；验证所述交互业务逻辑；保存所述配置信息，发布应用；所述系统实现了所述方法的应用实例，提供三维场景与控件之间的配置式业务逻辑关联能力，较全面覆盖数字孪生相关的业务逻辑配置需求。

Description

一种数字孪生应用页面与业务逻辑的配置方法及系统

技术领域

本发明涉及数字孪生领域，尤其涉及一种数字孪生应用页面与业务逻辑的配置方法及系统。

背景技术

目前市场上存在大量具有拖拉拽控件布局能力及配置式数据绑定能力的零代码可视化产品，但对于数字孪生应用所需的三维场景与控件之间的配置式业务逻辑关联尚无成熟的产品能够支持，而且也没有产品能够同时具备We bGL网页端渲染技术和可交互视频流渲染技术的三维场景渲染能力。尽管有少数产品也提供了可视化形式的业务逻辑的配置功能，但对所需业务逻辑的覆盖较低，使用门槛较高，不满足日常使用。

发明内容

鉴于上述问题，本发明提出了一种数字孪生应用页面与业务逻辑的配置方法及系统，以便提供克服上述问题或者至少部分地解决上述问题。

根据本发明的一个方面，提供了一种数字孪生应用页面与业务逻辑的配置方法，所述配置方法包括：

获取素材数据集；

初始化处理配置工作台和页面布局画布；

在所述页面布局画布内创建控件；

初始化基于WebGL的网页端渲染技术和/或可交互视频流渲染技术的任一类三维图像渲染场景，两类所述三维图像渲染场景是基于同一个物理实体源的虚拟三维孪生场景；包括第一类场景和第二类场景，分别应用端渲染和流渲染两种渲染机制的三维图像渲染场景服务，所述端渲染为WebGL的网页端渲染、所述流渲染为基于可交互视频流渲染；

初始化加载所述三维图像渲染场景的配套信息和配准三维场景地理位置坐标信息；根据所述配套信息生成对应的程序控制指令接口；

初始化加载所述三维图像渲染场景的属性编辑工作台，用于添加、管理图层；

在所述图层中配置数据源参数、图层样式参数以及交互配置属性；

在所述页面布局画布内创建控件，并根据所述控件配置布局位置参数、数据源参数和样式属性参数；

将所述交互参数的一侧挂接所述控件，另一侧挂接所述程序控制指令接口，并映射生成交互业务逻辑；

验证所述控件的交互业务逻辑；

在所述页面布局画布内循环创建控件，并同时循环控制配置工作，获取所述控件的配置参数；

在所述页面布局画布中预览应用页面，验证所述控件的配置参数；

保存所述控件的配置参数，发布应用；

基于所述端渲染和/或所述流渲染的场景服务建立数字孪生应用，利用浏览器预览配置成果。

可选的，所述图层种类具体包括：地标点、地标图层、单柱图层、热力图层、栅格图层、气泡图层、轨迹图层、原型区域图层、关系图层、区域图层、路径图层和摄像头图层。

可选的，所述配套信息包括：场景参数快照信息；

场景参数快照信息，是用户预先设置完成的，具有唯一的名称，根据快照名称快速调取快照，并将场景还原到快照时刻的状态，设置内容包括三维图像渲染场景的对象效果、灯光效果、特效、背景、视角。

可选的，所述交互配置属性具体包括：对交互参数的发送与接收的配置，用以实现所述图层与图表控件之间的筛选联动功能的配置；

对点击事件响应动作的配置，用以关联所述图层的交互触发条件与触发事件。

可选的，所述获取素材数据集具体包括：

接收并解析用户导入本地图片文件并上传到服务器端的请求，建立图片素材；

接收用户导入的数据文件和/或数据库链接地址，通过解析获取数据，建立数据素材；

接收用户编辑参数的请求，建立参数素材，所述参数素材用来描述所述控件和所述三维图像渲染场景之间的交互业务逻辑所需的事件传递消息；

接收并解析用户编辑组件的请求，建立组件素材，所述组件素材用来描述从所述三维图像渲染场景中激活的交互信息的呈现；

获取并初始化三维模型中的控件素材，包括图表类控件素材、系统类控件素材和多媒体类控件素材；

获取指定用户的图片素材、数据素材、参数素材、组件素材和控件素材。

可选的，所述初始化处理配置工作台和页面布局画布具体包括：

初始化处理配置工作台，包括：页面布局画布、控件列表、对象列表、属性面板；

所述对象列表包括所述图片素材数据集、数据素材数据集、参数素材数据集和组件素材数据集；

初始化加载所述控件素材；

所述属性面板用来采集用户对指定控件的数据源和样式属性参数的编辑指令。

可选的，所述根据所述页面布局画布创建控件，具体包括：

接收用户的编辑请求，包括：选择所述控件列表中的任一控件素材拖拽到所述页面布局画布区域，解析所述编辑请求，建立控件；

接收并执行用户对控件的布局编辑指令，包括：平移操作和放大缩小，对应更改布局位置参数；

接收并执行用户对控件样式属性和数据源参数的编辑指令。

可选的，所述配准三维场景地理位置坐标信息具体包括：

配准三维场景地理位置坐标信息，是用户预先设置完成的，三维模型与地理基准对象之间的控件位置对应关系，用于将三维模型数据映射为地理信息数据。

可选的，所述基于所述端渲染和/或所述流渲染的场景服务建立数字孪生应用，利用浏览器预览配置成果具体包括：

建立基于端渲染场景服务和/或流渲染场景服务的数字孪生应用，利用浏览器预览应用成果。

本发明还提供了一种数字孪生应用页面与业务逻辑的配置系统，所述系统包括：

素材数据集获取模块，用于获取素材数据集；

工作台初始化模块，用于初始化用于配置的工作台和页面布局画布；

控件创建模块，用于在所述页面布局画布内创建控件；

渲染模块，用于初始化基于WebGL的网页端渲染技术和/或可交互视频流渲染技术的任一类三维图像渲染场景，两类所述三维图像渲染场景是基于同一个物理实体源的虚拟三维孪生场景；包括第一类场景和第二类场景，分别应用端渲染和流渲染两种渲染机制的三维图像渲染场景服务，所述端渲染为WebGL的网页端渲染、所述流渲染为基于可交互视频流渲染；

配准信息获取模块，用于初始化加载所述三维图像渲染场景的配套信息和配准三维场景地理位置坐标信息；

配套信息获取模块，用于获取根据所述配套信息生成对应的程序控制指令接口；

图层添加管理模块，用于初始化加载所述三维图像渲染场景的属性编辑工作台，用于添加、管理图层；在所述图层中配置数据源参数、图层样式参数以及交互配置属性；

交互参数配置模块，用于在所述页面布局画布内创建控件，配置所述控件的交互参数；

映射模块，用于将所述交互参数的一侧挂接所述控件，另一侧挂接所述程序控制指令接口，并映射生成交互业务逻辑；

验证模块，用于验证所述交互业务逻辑；

循环创建模块，用于在所述页面布局画布内循环创建控件，并同时循环控制配置工作，获取所述控件的配置参数；

预览模块，用于在所述页面布局画布中预览应用页面，验证所述控件的配置参数；

保存模块，用于保存所述控件的配置参数，发布应用；

数字孪生应用建立模块，用于基于所述端渲染和/或所述流渲染的场景服务建立数字孪生应用，利用浏览器预览配置成果。

本发明提供的一种数字孪生应用页面与业务逻辑的配置方法及系统，方法包括：获取素材数据集；初始化处理配置工作台和页面布局画布；初始化加载基于WebGL的网页端渲染技术和/或可交互视频流渲染技术的任一类三维图像渲染场景，所述两类三维图像渲染场景是基于同一个物理实体源的虚拟三维孪生场景；初始化加载所述三维图像渲染场景的配套信息；根据所述配套信息生成对应的程序控制指令接口；根据所述页面布局画布创建控件，并针对所述控件配置布局位置参数、数据源参数、样式属性参数；配置所述控件的交互参数；将所述交互参数的一侧挂接所述控件，另一侧挂接所述程序控制指令接口，并映射生成交互业务逻辑；验证所述控件的交互业务逻辑，即切换至上述端渲染和流渲染的两类三维图像渲染场景服务，确认交互逻辑正确；在所述页面布局画布内创建新的控件，循环上述控件配置工作，获取所有控件的配置参数，包括：布局位置参数、数据源参数、样式属性参数、交互参数；在页面布局画布中预览应用页面，验证所有控件的配置参数；保存所有控件的配置参数，发布应用；建立针对上述端渲染和流渲染场景服务的任一套数字孪生应用，利用浏览器能够预览配置成果。本发明提供三维图像渲染场景与控件之间的关联业务逻辑的配置能力，较全面覆盖数字孪生相关的业务逻辑。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，并可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。

图1为本发明实施例提供的一种数字孪生应用页面与业务逻辑的配置方法的流程图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

本发明的说明书实施例和权利要求书及附图中的术语包括和具有以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元。

下面结合附图和实施例，对本发明的技术方案做进一步的详细描述。

如图1所示，本发明的实现方法包括：

步骤100、获取素材数据集，包括图片素材、数据素材、参数素材、组件素材和控件素材，具体包括：

接收并解析用户导入本地图片文件到服务器端请求，建立图片素材；

接收用户导入的excel文件或数据库链接地址，解析为数据表结构与对应数值，建立数据素材；

接收用户编辑参数的请求，建立参数素材，参数素材用来描述控件和三维图像渲染场景之间的交互业务逻辑所需的事件传递消息，用于建立交互业务逻辑；

接收并解析用户编辑组件的请求，建立组件素材，组件素材用来描述从三维图像渲染场景中激活的交互信息的呈现；

获取并初始化三维模型中的控件素材，包括图表类控件素材、系统类控件素材和多媒体类控件素材；

图表类控件包括柱条线图、比例图、列表、比较图和仪表盘；

系统类控件：场景控制器、按钮组、普通按钮、全屏模式、图片按钮、三维图例、时间导航和天气控件；

多媒体类控件包括单行文字、段落、图片、时间控件、圆角矩形、线性渐变遮罩、放射渐变遮罩、视频控件和iframe控件；

获取指定用户的图片素材、数据素材、参数素材、组件素材和控件素材。

步骤200、初始化处理配置工作台与页面布局画布具体包括：

初始化配置工作台包括：页面布局画布、控件列表、对象列表和属性面板；

对象列表包括步骤1获取的图片素材、数据素材、参数素材、组件素材，控件列表包括控件素材；

属性面板用来初始化素材和组件的参数进行界面可视化，并采集用户的对参数编辑指令。

步骤300、在所述页面布局画布内创建控件，在页面布局画布中布局控件位置，调整控件规格、样式属性参数和数据源参数具体包括：

在步骤200的基础上，接收用户的编辑请求，包括：选择控件列表中的任一控件素材拖拽到页面布局画布区域，解析编辑请求，并建立控件；

接收并执行用户对控件的布局编辑指令，包括：平移操作、放大缩小，可更新控件的位置参数以及规格大小参数；

属性面板绑定了指定控件的样式参数、数据源参数，接收并执行用户对控件样式、数据源参数的编辑指令，更新样式参数、数据源参数。

步骤400、初始化加载基于WebGL的网页端渲染技术和/或可交互视频流渲染技术的任一类三维图像渲染场景，所述两类三维图像渲染场景是基于同一个物理实体源的虚拟三维孪生场景；包括第一类场景和第二类场景，分别应用端渲染和流渲染两种渲染机制的三维图像渲染场景服务，所述端渲染为WebGL的网页端渲染、所述流渲染为基于可交互视频流渲染；

在步骤200的基础上，接收并解析用户输入的场景服务地址和场景类型，初始化加载WebGL的网页端渲染的三维图像渲染场景服务，简称为端渲染场景，或初始化加载基于可交互视频流渲染的三维图像渲染场景服务，简称为流渲染场景。

初始化加载所述三维图像渲染场景的属性编辑工作台，用于添加、管理图层；

在所述图层中配置数据源参数、图层样式参数以及交互配置属性；

图层种类具体包括：地标点、地标图层、单柱图层、热力图层、栅格图层、气泡图层、轨迹图层、原型区域图层、关系图层、区域图层、路径图层和摄像头图层。

步骤500、获取所述三维图像渲染场景的配套信息和配准三维场景地理位置坐标信息，配套信息包括：场景参数快照信息。

场景参数快照信息，是用户预先设置完成的，具有唯一的名称，根据快照名称快速调取快照，并将场景迅速还原到快照时刻的状态，设置内容包括三维图像渲染场景的对象效果、灯光效果、特效、背景、视角。

配准三维场景地理位置坐标信息，是用户预先设置完成的，三维模型与地理基准对象之间的控件位置对应关系，场景地理配准信息将三维模型数据映射为地理信息数据。

步骤600、根据三维图像渲染场景配套信息生成对应的程序控制指令接口；

生成控制场景参数快照信息的程序控制指令接口，通过输入唯一名称，驱动三维图像渲染场景还原到快照时刻的状态；

步骤700、配置所述控件的交互参数；

控件与三维图像渲染场景的业务联动通过交互事件配置接收用户的配置参数，实现一个触发条件对应一个交互行为的配置映射，同时还实现了一个触发条件对应多个交互行为的配置映射，交互行为包括：跳转网址、跳转页面、弹出面板基础类交互行为，还包括：控制场景参数快照信息。

步骤800、将交互参数的一侧挂接所述控件，另一侧挂接所述程序控制指令接口，并映射生成交互业务逻辑；

根据步骤700配置的交互参数数据，建立交互挂接器；

将交互参数数据一侧挂接控件，另一侧挂接三维图像渲染场景配套对应的程序控制指令接口，通过映射生成交互业务逻辑JavaScript代码，同时注入到当前页面。

步骤900、验证即可生效的交互业务逻辑，切换至端渲染和流渲染的两类三维图像渲染场景服务，确认交互逻辑正确，上述两种不同渲染机制三维图像渲染场景服务之间不影响交互业务逻辑而相互切换；

提供测试状态让用户验证配置交互业务逻辑，便于随时修改更新；

针对上述两种不同渲染机制三维图像渲染场景服务之间能够不影响交互业务逻辑而相互切换，做到对一种渲染机制下测试状态进行交互逻辑验证后，另一种也同样适用；能够做到交互逻辑与三维图像渲染场景服务层面的解偶合。

步骤1000、在页面布局画布内创建新的控件，循环上述控件配置工作，获取所有控件的配置参数，包括：布局位置参数、数据源参数、样式属性参数、交互参数；

步骤1100、在页面布局画布中预览应用页面，验证所有控件的配置参数；

步骤1200、保存配置参数，发布应用；

通过上述步骤生成的测试状态数字孪生应用，用户确收后保存配置参数，保存到服务器并发布当前数字孪生应用；将用户配置完成的所有配置参数进行打包，上传到服务器端的数据库中进行存储。

步骤1300、建立针对上述端渲染和流渲染场景服务的任一套数字孪生应用，生成两组网络地址链接，利用浏览器预览配置成果；

一种数字孪生应用页面与业务逻辑的配置系统包括：

素材数据集获取模块，用于获取素材数据集；

工作台初始化模块，用于初始化配置工作台和页面布局画布；

控件创建模块，用于在所述页面布局画布内创建控件；

渲染模块，用于初始化基于WebGL的网页端渲染技术和/或可交互视频流渲染技术的任一类三维图像渲染场景，两类所述三维图像渲染场景是基于同一个物理实体源的虚拟三维孪生场景；包括第一类场景和第二类场景，分别应用端渲染和流渲染两种渲染机制的三维图像渲染场景服务，所述端渲染为WebGL的网页端渲染、所述流渲染为基于可交互视频流渲染；

配准信息获取模块，用于初始化加载所述三维图像渲染场景的配套信息和配准三维场景地理位置坐标信息；

配套信息获取模块，用于获取根据所述配套信息生成对应的程序控制指令接口；

图层添加管理模块，用于初始化加载所述三维图像渲染场景的属性编辑工作台，用于添加、管理图层；在所述图层中配置数据源参数、图层样式参数以及交互配置属性；

交互参数配置模块，用于在所述页面布局画布内创建控件，配置所述控件的交互参数；

映射模块，用于将所述交互参数的一侧挂接所述控件，另一侧挂接所述程序控制指令接口，并映射生成交互业务逻辑；

验证模块，用于验证所述交互业务逻辑；

循环创建模块，用于在所述页面布局画布内循环创建控件，并同时循环控制配置工作，获取所述控件的配置参数；

预览模块，用于在所述页面布局画布中预览应用页面，验证所述控件的配置参数；

保存模块，用于保存所述控件的配置参数，发布应用；

数字孪生应用建立模块，用于基于所述端渲染和/或所述流渲染的场景服务建立数字孪生应用，利用浏览器预览配置成果。

有益效果：提供一种数字孪生应用页面与业务逻辑的配置方法及系统，提供三维场景与控件之间的配置式业务逻辑关联能力，同时具备WebGL的网页端渲染技术和可交互视频流渲染技术的三维场景支持，能够识别三维场景中的地理位置信息，较全面覆盖数字孪生相关的业务逻辑配置能力。

以上的具体实施方式，对本发明的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上仅为本发明的具体实施方式而已，并不用于限定本发明的保护范围，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (9)

1.一种数字孪生应用页面与业务逻辑的配置方法，其特征在于，所述配置方法包括：

获取素材数据集；

初始化处理配置工作台和页面布局画布；

在所述页面布局画布内创建控件；

初始化基于WebGL的网页端渲染技术和/或可交互视频流渲染技术的任一类三维图像渲染场景，两类所述三维图像渲染场景是基于同一个物理实体源的虚拟三维孪生场景；包括第一类场景和第二类场景，分别应用端渲染和流渲染两种渲染机制的三维图像渲染场景服务，所述端渲染为WebGL的网页端渲染、所述流渲染为基于可交互视频流渲染；

初始化加载所述三维图像渲染场景的配套信息和配准三维场景地理位置坐标信息；根据所述配套信息生成对应的程序控制指令接口；

初始化加载所述三维图像渲染场景的属性编辑工作台，用于添加、管理图层；

在所述图层中配置数据源参数、图层样式参数以及交互配置属性；

在所述页面布局画布内创建控件，并根据所述控件配置布局位置参数、数据源参数和样式属性参数；

接收用户的编辑请求，包括：选择控件列表中的任一控件素材拖拽到所述页面布局画布区域，解析所述编辑请求，建立控件；

接收并执行用户对控件的布局编辑指令，包括：平移操作和放大缩小，对应更改布局位置参数；

接收并执行用户对控件样式属性和数据源参数的编辑指令；

将交互参数的一侧挂接所述控件，另一侧挂接所述程序控制指令接口，并映射生成交互业务逻辑；

验证所述控件的交互业务逻辑；

在所述页面布局画布内循环创建控件，并同时循环控制配置工作，获取所述控件的配置参数；

在所述页面布局画布中预览应用页面，验证所述控件的配置参数；

保存所述控件的配置参数，发布应用；

基于所述端渲染和/或所述流渲染的场景服务建立数字孪生应用，利用浏览器预览配置成果。

2.根据权利要求1所述的一种数字孪生应用页面与业务逻辑的配置方法，其特征在于，所述图层的种类具体包括：地标点、地标图层、单柱图层、热力图层、栅格图层、气泡图层、轨迹图层、原型区域图层、关系图层、区域图层、路径图层和摄像头图层。

3.根据权利要求1所述的一种数字孪生应用页面与业务逻辑的配置方法，其特征在于，所述配套信息包括：场景参数快照信息；

场景参数快照信息，是用户预先设置完成的，具有唯一的名称，根据快照名称快速调取快照，并将场景还原到快照时刻的状态，设置内容包括三维图像渲染场景的对象效果、灯光效果、特效、背景、视角。

4.根据权利要求1所述的一种数字孪生应用页面与业务逻辑的配置方法，其特征在于，所述交互配置属性具体包括：对交互参数的发送与接收的配置，用以实现所述图层与图表控件之间的筛选联动功能的配置；

对点击事件响应动作的配置，用以关联所述图层的交互触发条件与触发事件。

5.根据权利要求1所述的一种数字孪生应用页面与业务逻辑的配置方法，其特征在于，所述获取素材数据集具体包括：

接收并解析用户导入本地图片文件并上传到服务器端的请求，建立图片素材；

接收用户导入的数据文件和/或数据库链接地址，通过解析获取数据，建立数据素材；

接收用户编辑参数的请求，建立参数素材，所述参数素材用来描述所述控件和所述三维图像渲染场景之间的交互业务逻辑所需的事件传递消息；

接收并解析用户编辑组件的请求，建立组件素材，所述组件素材用来描述从所述三维图像渲染场景中激活的交互信息的呈现；

获取并初始化三维模型中的控件素材，包括图表类控件素材、系统类控件素材和多媒体类控件素材；

获取指定用户的图片素材、数据素材、参数素材、组件素材和控件素材。

6.根据权利要求1所述的一种数字孪生应用页面与业务逻辑的配置方法，其特征在于，所述初始化处理配置工作台和页面布局画布具体包括：

初始化处理配置工作台，包括：页面布局画布、控件列表、对象列表、属性面板；

所述对象列表包括图片素材数据集、数据素材数据集、参数素材数据集和组件素材数据集；

初始化加载控件素材；

所述属性面板用来采集用户对指定控件的数据源和样式属性参数的编辑指令。

7.根据权利要求1所述的一种数字孪生应用页面与业务逻辑的配置方法，其特征在于，所述配准三维场景地理位置坐标信息具体包括：

配准三维场景地理位置坐标信息，是用户预先设置完成的，三维模型与地理基准对象之间的控件位置对应关系，用于将三维模型数据映射为地理信息数据。

8.根据权利要求1所述的一种数字孪生应用页面与业务逻辑的配置方法，其特征在于，所述基于所述端渲染和/或所述流渲染的场景服务建立数字孪生应用，利用浏览器预览配置成果具体包括：

建立基于端渲染场景服务和/或流渲染场景服务的数字孪生应用，利用浏览器预览应用成果。

9.一种数字孪生应用页面与业务逻辑的配置系统，其特征在于，所述系统包括：

素材数据集获取模块，用于获取素材数据集；

工作台初始化模块，用于初始化配置工作台和页面布局画布；

控件创建模块，用于在所述页面布局画布内创建控件；

渲染模块，用于初始化基于WebGL的网页端渲染技术和/或可交互视频流渲染技术的任一类三维图像渲染场景，两类所述三维图像渲染场景是基于同一个物理实体源的虚拟三维孪生场景；包括第一类场景和第二类场景，分别应用端渲染和流渲染两种渲染机制的三维图像渲染场景服务，所述端渲染为WebGL的网页端渲染、所述流渲染为基于可交互视频流渲染；

配准信息获取模块，用于初始化加载所述三维图像渲染场景的配套信息和配准三维场景地理位置坐标信息；

配套信息获取模块，用于获取根据所述配套信息生成对应的程序控制指令接口；

图层添加管理模块，用于初始化加载所述三维图像渲染场景的属性编辑工作台，用于添加、管理图层；在所述图层中配置数据源参数、图层样式参数以及交互配置属性；

交互参数配置模块，用于在所述页面布局画布内创建控件，配置所述控件的交互参数；

映射模块，用于将所述交互参数的一侧挂接所述控件，另一侧挂接所述程序控制指令接口，并映射生成交互业务逻辑；

验证模块，用于验证所述交互业务逻辑；

循环创建模块，用于在所述页面布局画布内循环创建控件，并同时循环控制配置工作，获取所述控件的配置参数；

预览模块，用于在所述页面布局画布中预览应用页面，验证所述控件的配置参数；

保存模块，用于保存所述控件的配置参数，发布应用；

数字孪生应用建立模块，用于基于所述端渲染和/或所述流渲染的场景服务建立数字孪生应用，利用浏览器预览配置成果。

Images