CN113098966B - 基于跨标签页的模型复制方法、装置、终端设备及存储介质 - Google Patents

Abstract

本申请提供一种基于跨标签页的模型复制方法、装置、终端设备及存储介质。基于跨标签页的模型复制方法包括：当打开模型时，第一客户端获取至少一个3D模型对象的模型数据；第一客户端将模型数据写入xml对象中；第一客户端创建携带xml对象的消息；第一客户端调用消息管理器将携带xml对象的消息发送至通讯管理器中，通讯管理器以浏览器的localStorage对象为数据存储媒介；第二客户端按照预设时间轮询通讯管理器，以获取携带xml对象的消息；第二客户端解析xml对象的消息并得到模型数据，并根据模型数据重建3D模型对象。本申请能够节省从一个设计方案复制模型到目标方案所需要的前期准备时间和成本，进而提高模型复制的效率。

Description

基于跨标签页的模型复制方法、装置、终端设备及存储介质

技术领域

本申请涉及计算机技术领域，具体而言，涉及一种基于跨标签页的模型复制方法、装置、终端设备及存储介质。

背景技术

随着人们对生活品质要求的提升，业主装修房子之前找设计师按照自己的户型进行方案设计的形式越来越受欢迎，设计师设计方案时，往往需要从历史优秀设计方案中寻找灵感，通过借鉴优秀方案中的设计元素，不仅能够提高工作效率又能提高业主的满意度。

现有的技术方案从一个设计案例中复制产品到新的方案需要以下步骤：1、打开一个设计方案。2、进入渲染界面生成各个房间对应的包含全部模型数据的全景图和深度图。全景图是根据当前摄像机的位置角度生成前后上下左右六张图片，在打开全景图时用户可以看到这六张图片拼凑起来的全景照片，实现把二维的平面图模拟成真实的三维空间；深度图是在全景图的基础上把图片上的模型换成不同颜色的色块，每个色块的颜色值都是唯一的，对应不同的产品，色块的大小轮廓跟产品一致，同时深度图还根据颜色值保存了对应模型的数据信息。3、登录管理后台，在设计方案管理页面中，把生成了全景图和深度图的方案上架到方案库中。4、在方案库中选择有全景图和对应深度图的方案，然后将方案的全景图和深度图展示到设计界面的窗口上。用户点击全景图中对应的家居产品，系统会根据鼠标位置获取到深度图对应位置的颜色值，根据颜色值在窗口中显示出一个色块，以区分出用户点击的是哪个模型。当移动鼠标到当前设计的户型时，就会根据之前点击获取到的颜色值去获取深度图中保存的模型数据信息，从而生成相应的家居模型。至此，完成了从一个设计方案复制模型到目标方案的动作。

但是这种模型复制方式存在准备时间长、成本高，设计效率低的缺点。

发明内容

本申请实施例的目的在于提供一种基于跨标签页的模型复制方法、装置、终端设备及存储介质，用以节省从一个设计方案复制模型到目标方案所需要的前期准备时间和成本，进而提高模型复制的效率。

为此，本申请第一方面公开一种基于跨标签页的模型复制方法，所述方法应用在终端设备，所述终端设备包括位于同一浏览器中的第一客户端和第二客户端，所述方法包括：

当打开模型时，所述第一客户端获取至少一个3D模型对象的模型数据；

所述第一客户端将所述模型数据写入xml对象中；

所述第一客户端创建携带所述xml对象的消息；

所述第一客户端调用消息管理器将携带所述xml对象的消息发送至通讯管理器中，所述通讯管理器以浏览器的localStorage对象为数据存储媒介；

所述第二客户端按照预设时间轮询所述通讯管理器，以获取携带所述xml对象的消息；

所述第二客户端解析所述xml对象的消息并得到所述模型数据，并根据所述模型数据重建所述3D模型对象。

在本申请第一方面中，利用浏览器的localStorage对象可实现跨标签页的数据交互，从而便于模型复制，与此同时，与现有技术相比，本申请不需要生成全景图和深度图，也不需要经过上架等操作，直接打开设计方案就可以使用，所以节省了前期准备的时间和成本。另一方面，本申请进行复制的对象为3D模型，而当前技术打开的是2D图片，所以相比之下本发明更具有直观性，操作更便捷。

在本申请第一方面中，作为一种可选的实施方式，所述xml对象的消息包括编码信息、目标客户端ID、消息ID；

以及，所述第一客户端创建携带所述xml对象的消息，包括：

所述第一客户端从所述通讯管理器保存的所有在线客户端列表，选择至少一个在线客户端，作为所述目标客户端并读取所述目标客户端的ID；

读取当前客户端ID，并将所述当前客户端ID与所述xml对象进行编码，得到所述编码信息；

随机生成所述消息ID。

在本可选的实施方式中，通过读取当前客户端ID，并将所述当前客户端ID与所述xml对象进行编码，进而能够得到所述编码信息，进而可根据随机生成的消息ID、编码信息创建携带所述xml对象的消息。

在本申请第一方面中，作为一种可选的实施方式，在所述第一客户端创建携带所述xml对象的消息之后，所述方法还包括：

所述第一客户端以所述消息ID为关键字，将所述消息ID与所述编码信息构成的键值对存储在所述通讯管理器；

所述第一客户端以所述消息ID为关键字，将所述消息ID与所述目标客户端的ID构成的键值对存储在所述通讯管理器。

在本可选的实施方式中，通过将所述消息ID与所述编码信息构成的键值对存储在所述通讯管理器，和将所述消息ID与所述目标客户端的ID构成的键值对存储在所述通讯管理器，能够使得第二客户端判断通讯管理器是否存在发给自身的数据。

在本申请第一方面中，作为一种可选的实施方式，所述第二客户端按照预设时间轮询所述通讯管理器，以获取携带所述xml对象的消息，包括:

所述第二客户端判断所述通讯管理器存储的数据中是否存在所述目标客户端的ID与自身ID相同，若是则获取所述目标客户端的ID关联的所述消息ID；

所述第二客户端根据所述消息ID匹配所述编码信息并作为所述xml对象的消息。

在本可选的实施方式中，第二客户端通过所述消息ID可匹配所述编码信息并作为所述xml对象的消息。

在本申请第一方面中，作为一种可选的实施方式，在所述第一客户端获取至少一个3D模型对象的模型数据之前，所述方法包括：

所述第二客户端按照预设时间间隔更新自身在所述通讯管理器中的时间；

所述通讯管理器根据所述第二客户端的更新时间与所述第二客户端的上一次在线时间进行比较，若比较结果大于预设阈值，则将所述第二客户端从在线客户端列表中删除。

在本可选的实施方式中，通讯管理器可通过在线时间的比较，判断一个客户端是否活跃，如果不活跃则从在线客户端列表中删除，以使得第一客户端不将消息发送给不活跃的客户端。

在本申请第一方面中，作为一种可选的实施方式，所述预设时间间隔为1秒。

本申请第二方面公开一种基于跨标签页的模型复制装置，所述装置应用于第一客户端中，所述装置包括：

获取模块，用于当打开模型时，获取至少一个3D模型对象的模型数据；

写入模块，用于将所述模型数据写入xml对象中；

创建模块，用于创建携带所述xml对象的消息；

调用模块，用于调用消息管理器将携带所述xml对象的消息发送至通讯管理器中，以使得第二客户端按照预设时间轮询所述通讯管理器，以获取携带所述xml对象的消息，并解析所述xml对象的消息得到所述模型数据和根据所述模型数据重建所述3D模型对象，所述通讯管理器以浏览器的localStorage对象为数据存储媒介。

在本申请第二方面中，第一客户端利用浏览器的localStorage对象可实现跨标签页的数据交互，从而便于模型复制，与此同时，与现有技术相比，本申请不需要生成全景图和深度图，也不需要经过上架等操作，直接打开设计方案就可以使用，所以节省了前期准备的时间和成本。另一方面，本申请进行复制的对象为3D模型，而当前技术打开的是2D图片，所以相比之下本发明更具有直观性，操作更便捷。

本申请第三方面公开一种基于跨标签页的模型复制装置，所述装置应用于第二客户端中，所述装置包括：

轮询模块，用于按照预设时间轮询通讯管理器，以获取携带xml对象的消息；

解析模块，用于解析所述xml对象的消息并得到所述模型数据，并根据所述模型数据重建3D模型对象。

在本申请第三方面中，第二客户端利用浏览器的localStorage对象可实现跨标签页的数据交互，从而便于模型复制，与此同时，与现有技术相比，本申请不需要生成全景图和深度图，也不需要经过上架等操作，直接打开设计方案就可以使用，所以节省了前期准备的时间和成本。另一方面，本申请进行复制的对象为3D模型，而当前技术打开的是2D图片，所以相比之下本发明更具有直观性，操作更便捷。

本申请第四方面公开一种终端设备，所述终端设备包括：

处理器；以及

存储器，配置用于存储机器可读指令，指令在由处理器执行时，使得处理器执行本申请第一方面的基于跨标签页的模型复制方法。

在本申请第四方面中，终端设备利用浏览器的localStorage对象可实现跨标签页的数据交互，从而便于模型复制，与此同时，与现有技术相比，本申请不需要生成全景图和深度图，也不需要经过上架等操作，直接打开设计方案就可以使用，所以节省了前期准备的时间和成本。另一方面，本申请进行复制的对象为3D模型，而当前技术打开的是2D图片，所以相比之下本发明更具有直观性，操作更便捷。

本申请第五方面公开一种存储介质，存储介质存储有计算机程序，计算机程序被处理器执行本申请第五方面的基于跨标签页的模型复制方法。

在本申请第四方面中，存储介质利用浏览器的localStorage对象可实现跨标签页的数据交互，从而便于模型复制，与此同时，与现有技术相比，本申请不需要生成全景图和深度图，也不需要经过上架等操作，直接打开设计方案就可以使用，所以节省了前期准备的时间和成本。另一方面，本申请进行复制的对象为3D模型，而当前技术打开的是2D图片，所以相比之下本发明更具有直观性，操作更便捷。

附图说明

为了更清楚地说明本申请实施例的技术方案，下面将对本申请实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本申请的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。

图1是本申请实施例一公开的一种基于跨标签页的模型复制方法的流程示意图；

图2是本申请实施例二公开一种基于跨标签页的模型复制装置的结构示意图；

图3是本申请实施例三公开一种基于跨标签页的模型复制装置的结构示意图；

图4是本申请实施例公开一种终端设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。

实施例一

请参阅图1，图1是本申请公开的一种基于跨标签页的模型复制方法的流程示意图，该方法应用在终端设备，其中终端设备包括位于同一浏览器中的第一客户端和第二客户端，该方法包括步骤：

101、当打开模型时，第一客户端获取至少一个3D模型对象的模型数据；

102、第一客户端将模型数据写入xml对象中；

103、第一客户端创建携带xml对象的消息；

104、第一客户端调用消息管理器将携带xml对象的消息发送至通讯管理器中，通讯管理器以浏览器的localStorage对象为数据存储媒介；

105、第二客户端按照预设时间轮询通讯管理器，以获取携带xml对象的消息；

106、第二客户端解析xml对象的消息并得到模型数据，并根据模型数据重建3D模型对象。

在本申请实施例中，利用浏览器的localStorage对象可实现跨标签页的数据交互，从而便于模型复制，与此同时，与现有技术相比，本申请不需要生成全景图和深度图，也不需要经过上架等操作，直接打开设计方案就可以使用，所以节省了前期准备的时间和成本。另一方面，本申请进行复制的对象为3D模型，而当前技术打开的是2D图片，所以相比之下本发明更具有直观性，操作更便捷。

具体的，在本申请实施例中，如果一个模型由许多部件构成，可遍历模型中的每个部件的参数并将之写入同一个XML对象中。部件的参数可以包括ID、材质类型等参数。

在本申请实施例中，作为一种可选的实施方式，xml对象的消息包括编码信息、目标客户端ID、消息ID；

以及，第一客户端创建携带xml对象的消息，包括：

第一客户端从通讯管理器保存的所有在线客户端列表，选择至少一个在线客户端，作为目标客户端并读取目标客户端的ID；

读取当前客户端ID，并将当前客户端ID与xml对象进行编码，得到编码信息；

随机生成消息ID。

在本可选的实施方式中，通过读取当前客户端ID，并将当前客户端ID与xml对象进行编码，进而能够得到编码信息，进而可根据随机生成的消息ID、编码信息创建携带xml对象的消息。

具体地，将当前客户端ID与xml对象进行编码的具体方式为将当前客户端ID与xml对象转换成字符串并用分隔符\t连接起来。

具体地第一客户端可以从在线客户端列表选择一个客户端作为目标客户端，也可以从在线客户端列表选择两个或两个以上的客户端作为目标客户端。

在本申请实施例中，作为一种可选的实施方式，在第一客户端创建携带xml对象的消息之后，本申请实施例的方法还包括步骤：

第一客户端以消息ID为关键字，将消息ID与编码信息构成的键值对存储在通讯管理器；

第一客户端以消息ID为关键字，将消息ID与目标客户端的ID构成的键值对存储在通讯管理器。

在本可选的实施方式中，通过将消息ID与编码信息构成的键值对存储在通讯管理器，和将消息ID与目标客户端的ID构成的键值对存储在通讯管理器，能够使得第二客户端判断通讯管理器是否存在发给自身的数据。

在本申请实施例中，作为一种可选的实施方式，第二客户端按照预设时间轮询通讯管理器，以获取携带xml对象的消息，包括:

第二客户端判断通讯管理器存储的数据中是否存在目标客户端的ID与自身ID相同，若是则获取目标客户端的ID关联的消息ID；

第二客户端根据消息ID匹配编码信息并作为xml对象的消息。

在本可选的实施方式中，第二客户端通过消息ID可匹配编码信息并作为xml对象的消息。

在本申请实施例中，作为一种可选的实施方式，在步骤101：第一客户端获取至少一个3D模型对象的模型数据之前，本申请实施例的方法包括：

第二客户端按照预设时间间隔更新自身在通讯管理器中的时间；

通讯管理器根据第二客户端的更新时间与第二客户端的上一次在线时间进行比较，若比较结果大于预设阈值，则将述第二客户端从在线客户端列表中删除。

在本可选的实施方式中，通讯管理器可通过在线时间的比较，判断一个客户端是否活跃，如果不活跃则从在线客户端列表中删除，以使得第一客户端不将消息发送给不活跃的客户端。

在本申请实施例中，作为一种可选的实施方式，预设时间间隔为1秒。

实施例二

请参阅图2，图2是本申请实施例公开的一种基于跨标签页的模型复制装置的结构示意图，该装置应用于第一客户端中，如图2所示，该装置包括：

获取模块201，用于当打开模型时，获取至少一个3D模型对象的模型数据；

写入模块202，用于将模型数据写入xml对象中；

创建模块203，用于创建携带xml对象的消息；

调用模块204，用于调用消息管理器将携带xml对象的消息发送至通讯管理器中，以使得第二客户端按照预设时间轮询通讯管理器，以获取携带xml对象的消息，并解析xml对象的消息得到模型数据和根据模型数据重建3D模型对象，通讯管理器以浏览器的localStorage对象为数据存储媒介。

在本申请实施例中，第一客户端利用浏览器的localStorage对象可实现跨标签页的数据交互，从而便于模型复制，与此同时，与现有技术相比，本申请不需要生成全景图和深度图，也不需要经过上架等操作，直接打开设计方案就可以使用，所以节省了前期准备的时间和成本。另一方面，本申请进行复制的对象为3D模型，而当前技术打开的是2D图片，所以相比之下本发明更具有直观性，操作更便捷。

实施例三

请参阅图3，图3是本申请实施例公开一种基于跨标签页的模型复制装置的结构示意图。其中，该装置应用于第二客户端中。如图3所示，该装置包括：

轮询模块301，用于按照预设时间轮询通讯管理器，以获取携带xml对象的消息；

解析模块302，用于解析xml对象的消息并得到模型数据，并根据模型数据重建3D模型对象。

在本申请实施例中，第二客户端利用浏览器的localStorage对象可实现跨标签页的数据交互，从而便于模型复制，与此同时，与现有技术相比，本申请不需要生成全景图和深度图，也不需要经过上架等操作，直接打开设计方案就可以使用，所以节省了前期准备的时间和成本。另一方面，本申请进行复制的对象为3D模型，而当前技术打开的是2D图片，所以相比之下本发明更具有直观性，操作更便捷。

实施例四

请参阅图4，图4是本申请实施例公开的一种终端设备的结构示意图，如图4所示，该终端设备包括：

处理器401；以及

存储器402，配置用于存储机器可读指令，指令在由处理器执行时，使得处理器执行本申请实施例一的基于跨标签页的模型复制方法。

在本申请实施例中，终端设备利用浏览器的localStorage对象可实现跨标签页的数据交互，从而便于模型复制，与此同时，与现有技术相比，本申请不需要生成全景图和深度图，也不需要经过上架等操作，直接打开设计方案就可以使用，所以节省了前期准备的时间和成本。另一方面，本申请进行复制的对象为3D模型，而当前技术打开的是2D图片，所以相比之下本发明更具有直观性，操作更便捷。

实施例五

本申请实施例公开一种存储介质，存储介质存储有计算机程序，计算机程序被处理器执行本申请第五方面的基于跨标签页的模型复制方法。

在本申请实施例中，存储介质利用浏览器的localStorage对象可实现跨标签页的数据交互，从而便于模型复制，与此同时，与现有技术相比，本申请不需要生成全景图和深度图，也不需要经过上架等操作，直接打开设计方案就可以使用，所以节省了前期准备的时间和成本。另一方面，本申请进行复制的对象为3D模型，而当前技术打开的是2D图片，所以相比之下本发明更具有直观性，操作更便捷。

在本申请所提供的实施例中，应该理解到，所揭露装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

另外，作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

再者，在本申请各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。

需要说明的是，功能如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。

以上所述仅为本申请的实施例而已，并不用于限制本申请的保护范围，对于本领域的技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (10)

1.一种基于跨标签页的模型复制方法，其特征在于，所述方法应用在终端设备，所述终端设备包括位于同一浏览器中的第一客户端和第二客户端，所述方法包括：

当打开模型时，所述第一客户端获取至少一个3D模型对象的模型数据；

所述第一客户端将所述模型数据写入xml对象中；

所述第一客户端创建携带所述xml对象的消息；

所述第一客户端调用消息管理器将携带所述xml对象的消息发送至通讯管理器中，所述通讯管理器以浏览器的localStorage对象为数据存储媒介；

第二客户端按照预设时间轮询所述通讯管理器，以获取携带所述xml对象的消息；

所述第二客户端解析所述xml对象的消息并得到所述模型数据，并根据所述模型数据重建所述3D模型对象。

2.如权利要求1所述的方法，其特征在于，所述xml对象的消息包括编码信息、目标客户端ID、消息ID；

以及，所述第一客户端创建携带所述xml对象的消息，包括：

所述第一客户端从所述通讯管理器保存的所有在线客户端列表，选择至少一个在线客户端，作为所述目标客户端并读取所述目标客户端的ID；

读取当前客户端ID，并将所述当前客户端ID与所述xml对象进行编码，得到所述编码信息；

随机生成所述消息ID。

3.如权利要求2所述的方法，其特征在于，在所述第一客户端创建携带所述xml对象的消息之后，所述方法还包括：

所述第一客户端以所述消息ID为关键字，将所述消息ID与所述编码信息构成的键值对存储在所述通讯管理器；

所述第一客户端以所述消息ID为关键字，将所述消息ID与所述目标客户端的ID构成的键值对存储在所述通讯管理器。

4.如权利要求3所述的方法，其特征在于，所述第二客户端按照预设时间轮询所述通讯管理器，以获取携带所述xml对象的消息，包括:

所述第二客户端判断所述通讯管理器存储的数据中是否存在所述目标客户端的ID与自身ID相同，若是则获取所述目标客户端的ID关联的所述消息ID；

所述第二客户端根据所述消息ID匹配所述编码信息并作为所述xml对象的消息。

5.如权利要求1所述的方法，其特征在于，在所述第一客户端获取至少一个3D模型对象的模型数据之前，所述方法包括：

所述第二客户端按照预设时间间隔更新自身在所述通讯管理器中的时间；

所述通讯管理器根据所述第二客户端的更新时间与所述第二客户端的上一次在线时间进行比较，若比较结果大于预设阈值，则将所述第二客户端从在线客户端列表中删除。

6.如权利要求5所述的方法，其特征在于，所述预设时间间隔为1秒。

7.一种基于跨标签页的模型复制装置，其特征在于，所述装置应用于第一客户端中，所述装置包括：

获取模块，用于当打开模型时，获取至少一个3D模型对象的模型数据；

写入模块，用于将所述模型数据写入xml对象中；

创建模块，用于创建携带所述xml对象的消息；

调用模块，用于调用消息管理器将携带所述xml对象的消息发送至通讯管理器中，以使得第二客户端按照预设时间轮询所述通讯管理器，以获取携带所述xml对象的消息，并解析所述xml对象的消息得到所述模型数据和根据所述模型数据重建所述3D模型对象，所述通讯管理器以浏览器的localStorage对象为数据存储媒介。

8.一种基于跨标签页的模型复制装置，其特征在于，所述装置应用于第二客户端中，所述装置包括：

轮询模块，用于按照预设时间轮询通讯管理器，以获取携带xml对象的消息；

解析模块，用于解析所述xml对象的消息并得到模型数据，并根据所述模型数据重建3D模型对象。

9.一种终端设备，其特征在于，所述终端设备包括：

处理器；以及

存储器，配置用于存储机器可读指令，指令在由处理器执行时，使得处理器执行如权利要求1-6任一项所述的基于跨标签页的模型复制方法。

10.一种计算机存储介质，其特征在于，存储介质存储有计算机程序，计算机程序被处理器执行如权利要求1-6任一项所述的基于跨标签页的模型复制方法。

Images