仓库展示方法、装置、介质及电子设备与流程

1.本技术涉及仓储及计算机技术领域，具体而言，涉及一种仓库展示方法、装置、计算机可读介质及电子设备。


背景技术：

2.随着仓储物流行业的飞速发展，仓储管理技术也在不断变更。在针对仓库的三维展示场景中，一般通过搭建模型来实现仓库三维展示，具体是将仓库数据转化为展示平台能够识别的模型，赋予模型属性数据及交互事件，然后在平台中展示模型，通过一定的规则逻辑，达到仓库三维展示的目的。然而，依赖建模实现仓库的三维展示，当仓库数据更新时，都需要重新建模，而建模过程数据处理量大，无法及时完成，这就导致仓库三维展示时效低，成本高。基于此，如何提高对仓库进行展示的效率是亟待解决的技术问题。


技术实现要素：

3.本技术的实施例提供了一种仓库展示方法、装置、计算机程序产品或计算机程序、计算机可读介质及电子设备，进而至少在一定程度上可以提高对仓库进行展示的效率。
4.本技术的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本技术的实践而习得。
5.根据本技术实施例的一个方面，提供了一种仓库展示方法，所述方法包括：响应于用户在浏览器页面上触发的仓库展示请求，从仓库数据库中获取仓库对象在三维空间中的空间数据，所述仓库对象被定义为规则几何体；基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，得到仓库三维视图；在所述浏览器页面上展示所述仓库三维视图。
6.在本技术的一些实施例中，基于前述方案，所述空间数据包括所述仓库对象的参考点在三维空间中的位置坐标和所述仓库对象在三维空间中的几何属性参数值。
7.在本技术的一些实施例中，基于前述方案，所述仓库对象包括仓库货位，所述基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，包括：基于所述仓库货位在三维空间中的空间数据，通过实例化网格的方式对所述仓库货位进行渲染；基于仓库货架与所述仓库货位之间的位置关系，通过实例化网格的方式对所述仓库货架进行渲染，以实现对所述仓库的渲染。
8.在本技术的一些实施例中，基于前述方案，所述仓库对象还包括仓库通道和/或仓库道口和/或仓库站台和/或仓库货品，所述基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，包括：基于所述仓库通道和/或所述仓库道口和/或所述仓库站台和/或所述仓库货品在三维空间中的空间数据，通过实例化网格的方式分别对所述仓库通道和/或所述仓库道口和/或所述仓库站台和/或所述仓库货品进行渲染。
9.在本技术的一些实施例中，基于前述方案，所述基于仓库货架与所述仓库货位之
间的位置关系，通过实例化网格的方式对所述仓库货架进行渲染，以实现对所述仓库的渲染，包括：基于所述仓库货架与所述仓库货位之间的位置关系，将由各个仓库货位之间限定的规则几何空隙定义为仓库货架；基于所述规则几何空隙在三维空间中的位置和几何属性参数值，通过实例化网格的方式对所述仓库货架进行渲染。
10.在本技术的一些实施例中，基于前述方案，所述方法还包括：监听所述仓库数据库中的仓库对象在三维空间中的空间数据；如果所述仓库数据库中的空间数据发生更新，则重新从仓库数据库中获取仓库对象在三维空间中的新的空间数据，以基于所述新的空间数据，通过实例化网格的方式对所述仓库进行重新渲染，得到新的仓库三维视图，并实时在所述浏览器页面上更新所述新的仓库三维视图。
11.在本技术的一些实施例中，基于前述方案，所述方法还包括：响应于对所述仓库三维视图中目标仓库对象的触控操作，获取目标仓库对象的属性信息；在所述浏览器页面上显示所述目标仓库对象的属性信息。
12.根据本技术实施例的一个方面，提供了一种仓库展示装置，所述装置包括：获取单元，用于响应于用户在浏览器页面上触发的仓库展示请求，从仓库数据库中获取仓库对象在三维空间中的空间数据，所述仓库对象被定义为规则几何体；渲染单元，用于基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，得到仓库三维视图；展示单元，用于在所述浏览器页面上展示所述仓库三维视图。
13.根据本技术实施例的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述实施例中所述的方法。
14.根据本技术实施例的一个方面，提供了一种计算机可读介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上述实施例中所述的方法。
15.根据本技术实施例的一个方面，提供了一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上述实施例中所述的方法。
16.在本技术的一些实施例所提供的技术方案中，由于将仓库对象定义为规则几何体，当用户在浏览器页面上请求仓库展示时，可以从仓库数据库中获取仓库对象在三维空间中的空间数据，基于空间数据，通过实例化网格的方式对所述仓库进行渲染，可以将得到仓库三维视图直接展示在浏览器页面上，摆脱了需要在后台对数据进行建模的依赖，将仓库数据直接在浏览器页面上可视化，降维了数据处理的工作量，增加了仓库三维展示的快捷性，进而能够提高对仓库进行展示的效率。
17.应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本技术。
附图说明
18.此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本技术的实施例，并与说明书一起用于解释本技术的原理。显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据
这些附图获得其他的附图。在附图中：
19.图1示出了可以应用本技术实施例的技术方案的系统架构图；
20.图2示出了根据本技术一个实施例的仓库展示方法的流程图
21.图3示出了根据本技术一个实施例的将仓库对象定义为规则长方体的三维视图；
22.图4示出了根据本技术一个实施例的仓库货位，仓库通道，仓库道口，仓库站台的三维视图；
23.图5示出了根据本技术一个实施例的仓库货架的三维视图；
24.图6示出了根据本技术一个实施例的仓库货架的渲染过程图；
25.图7示出了根据本技术一个实施例的在整体上的仓库三维视图；
26.图8示出了根据本技术一个实施例的仓库展示装置的框图；
27.图9示出了适于用来实现本技术实施例的电子设备的计算机系统的结构示意图。
具体实施方式
28.现在将参考附图更全面地描述示例实施方式。然而，示例实施方式能够以多种形式实施，且不应被理解为限于在此阐述的范例；相反，提供这些实施方式使得本技术将更加全面和完整，并将示例实施方式的构思全面地传达给本领域的技术人员。
29.此外，所描述的特征、结构或特性可以以任何合适的方式结合在一个或更多实施例中。在下面的描述中，提供许多具体细节从而给出对本技术的实施例的充分理解。然而，本领域技术人员将意识到，可以实践本技术的技术方案而没有特定细节中的一个或更多，或者可以采用其它的方法、组元、装置、步骤等。在其它情况下，不详细示出或描述公知方法、装置、实现或者操作以避免模糊本技术的各方面。
30.附图中所示的方框图仅仅是功能实体，不一定必须与物理上独立的实体相对应。即，可以采用软件形式来实现这些功能实体，或在一个或多个硬件模块或集成电路中实现这些功能实体，或在不同网络和/或处理器装置和/或微控制器装置中实现这些功能实体。
31.附图中所示的流程图仅是示例性说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解，而有的操作/步骤可以合并或部分合并，因此实际执行的顺序有可能根据实际情况改变。
32.需要说明的是：在本文中提及的“多个”是指两个或两个以上。“和/或”描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。
33.需要注意的是，本技术的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的对象在适当情况下可以互换，以便这里描述的本技术的实施例能够以除了在图示或描述的那些以外的顺序实施。
34.图1示出了可以应用本技术实施例的技术方案的系统架构图。
35.如图1所示，系统架构可以包括终端设备(如图1中所示智能手机101、平板电脑102和便携式计算机103中的一种或多种，当然也可以是台式计算机等等，但并不局限于此，本技术在此不做限制)、网络104和服务端105。网络104用以在终端设备和服务端105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线通信链路、无线通信链路等等。
36.需要说明的是，本技术实施例所提供的仓库展示方法可以由终端设备执行，相应地，仓库展示装置一般设置于终端设备中。
37.以下对本技术实施例的技术方案的实现细节进行详细阐述：
38.图2示出了根据本技术一个实施例的仓库展示方法的流程图，该仓库展示方法可以由具有计算处理功能的设备来执行，比如可以由图1中所示的终端设备来执行。参照图2所示，该仓库展示方法至少包括步骤210至步骤250，详细介绍如下：
39.在步骤210中，响应于用户在浏览器页面上触发的仓库展示请求，从仓库数据库中获取仓库对象在三维空间中的空间数据，所述仓库对象被定义为规则几何体。
40.在本技术中，所提出的技术方案可以应用于基于浏览器和服务器架构模式，为多仓库、实时库内存储布局进行三维展示的场景，具体的，可以将仓库内与库存相关的数据存储在仓库数据库(比如，基于wms仓库管理系统、oms订单管理系统、tms运输管理系统构成的数据库)中，而仓库数据库可以布置在后台服务器(比如物理服务器或者云服务器)中，可以基于用户在终端设备的仓库展示请求，由终端设备从后台服务器的仓数据库中获取与库存相关的数据(比如，仓库对象在三维空间中的空间数据)，进一步基于与库存相关的数据在终端设备的浏览器页面上展示仓库的三维视图。
41.在本技术中，仓库对象可以包括仓库货位，也可以包括仓库通道，也可以包括仓库道口，也可以包括仓库站台，也可以包括仓库货品，还可以包括仓库货架。需要说明的是，仓库货位，是指仓库内存放货品的位置和空间，仓库货架，则是指用支架、隔板或者托架组成的立体储存货品的设施，可以规划组织货位，节省货品存放空间，增加仓库空间利用率。
42.在本技术中，可以将各个仓库对象定义为规则几何体。
43.在本技术中，所述空间数据可以包括所述仓库对象的参考点在三维空间中的位置坐标，还可以包括所述仓库对象在三维空间中的几何属性参数值。
44.具体的，可以在一个三维立体空间(x,y,z)中选取一个参考点(x_center,y_center,z_center)作为空间参考点，进一步将仓库对象的参考点(可以将规则几何体的几何中心作为仓库对象的参考点)相对于空间参考点的三维坐标作为所述仓库对象的参考点在三维空间中的位置坐标。另外，还可以将所述仓库对象对应的规则几何体(比如长方体)的长宽高(x_length,y_length,z_length)作为仓库对象在三维空间中的几何属性参数值。如图3，示出了根据本技术一个实施例的将仓库对象定义为规则长方体的三维视图。
45.在本技术中，基于空间参考点，通过空间直角坐标系及规则几何体的抽象概念，可以对仓库对象进行格式化数据描述，例如：
46.{
47."x_center":743075.9,
48."y_center":-602567.1,
49."z_center":2270.0,
50."x_length":1000.0,
51."y_length":1200.0,
52."z_length":940.0,
53."type":"仓库货位",
54."id":0,
55....
56.}
57.在本技术中，通过将各个仓库对象定义为规则几何体，可以大大简化数据描述的难度，从而有利于提高后续中数据的计算，进而有利于提高对仓库进行展示的效率。
58.继续参照图2，在步骤230中，基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，得到仓库三维视图。
59.在本技术的一个实施例中，在所述仓库对象包括仓库货位的情况下，所述基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，可以按照如下步骤251至步骤252执行：
60.步骤251，基于所述仓库货位在三维空间中的空间数据，通过实例化网格的方式对所述仓库货位进行渲染。
61.步骤252，基于仓库货架与所述仓库货位之间的位置关系，通过实例化网格的方式对所述仓库货架进行渲染，以实现对所述仓库的渲染。
62.进一步的，在所述仓库对象还包括仓库通道和/或仓库道口和/或仓库站台和/或仓库货品的情况下，所述基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，可以按照如下步骤253执行：
63.步骤253，于所述仓库通道和/或所述仓库道口和/或所述仓库站台和/或所述仓库货品在三维空间中的空间数据，通过实例化网格的方式分别对所述仓库通道和/或所述仓库道口和/或所述仓库站台和/或所述仓库货品进行渲染。
64.具体的，在本实施例中，可以在浏览器端的三维渲染模块使用了基于mit协议的开源javascript 3d工具库:three.js，针对仓储应用场景进行定制开发。
65.一个仓库内部的仓库对象的数量可能成千上万，用传统方式逐个渲染需要在浏览器端绘制上万个几何体，这对于计算机硬件配置要求很高，很容易导致渲染结果不理想，交互卡顿。因此，基于仓库内数据的规则几何体，使用实例化网格(instancedmesh)的方式可以轻松完成大量数据的渲染。具体包括创建instancedmesh和对每个规则几何体的位置、尺寸进行变换共两个步骤：
66.首先，创建instancedmesh：
67.const data＝[{x_center:1,y_center:1,z_center:1,x_length:1,y_length:1,z_length:1}...]；
[0068]
//data是仓库的抽象化格式数据组成的数组，data.length数据长度就是抽象的对象个数
[0069]
const geoinstance＝new boxbuffergeometry(1,1,1)；
[0070]
const mainmaterial＝new meshlambertmaterial({color:0xffffff,reflectivity:0.8})；
[0071]
const instancedmesh＝new instancedmesh(geoinstance,mainmaterial,data.length)；
[0072]
得到instancedmesh实例对象。
[0073]
其次，对每个规则几何体的位置、尺寸进行变换：
[0074]
data.foreach((item,index)＝》{
[0075]
//位置position变换
[0076]
cube.position.set(item.x_center,item.y_center,inverse*item.z_center)
[0077]
//尺寸scale变换
[0078]
lratiotype.includes(item[typefield])？
[0079]
cube.scale.set(item.x_length*lratio,item.y_length*lratio||1,item.z_length*lratio):
[0080]
cube.scale.set(item.x_length,item.y_length||1,item.z_length)
[0081]
cube.updatematrix()
[0082]
//同步位置和尺寸
[0083]
instancedmesh.setmatrixat(index,cube.matrix)})
[0084]
得到仓库内基本三维视图，
[0085]
在本技术中，呈现的视觉上，可以通过稍微透明的规则几何体，来表示空置的仓库货位，通过不同的颜色来表示不同仓库货品的品类，例如：
[0086]
//opacity:0.2视觉上为稍微透明的规则几何体，来表示空置货位
[0087]
const materialframe＝new meshlambertmaterial({color:0xffffff,
[0088]
opacity:0.2,transparent:true})
[0089]
const framemesh＝new instancedmesh(geoinstance,materialframe,data.length)
[0090]
//设置颜色来区分品类
[0091]
instancedmesh.setcolorat(index,color)。
[0092]
如图4，示出了根据本技术一个实施例的仓库货位，仓库通道，仓库道口，仓库站台的三维视图。
[0093]
在图4中，每一个规则几何体都代表一个仓库对象(比如，可以是仓库通道，仓库道口，仓库站台，仓库货品等其中一项或者多项)。实际使用过程中，使用实例化网格的方式可以实时渲染10万以上货位仓库的三维视图，且渲染效果优秀，fps稳定60+，交互操作流畅，进而本技术提出的技术方案有利于提高对仓库进行展示的效率。
[0094]
在本实施例的步骤252中，所述基于仓库货架与所述仓库货位之间的位置关系，通过实例化网格的方式对所述仓库货架进行渲染，以实现对所述仓库的渲染，可以按照如下步骤2521至步骤2522执行：
[0095]
步骤2521，基于所述仓库货架与所述仓库货位之间的位置关系，将由各个仓库货位之间限定的规则几何空隙定义为仓库货架。
[0096]
步骤2522，基于所述规则几何空隙在三维空间中的位置和几何属性参数值，通过实例化网格的方式对所述仓库货架进行渲染。
[0097]
具体的，在对仓库货架进行三维渲染时，可以将仓库货架看成由多个货格组成，货格的数据描述方式与仓库货位相同，可以基于各个仓库货位之间限定的规则几何空隙，进一步将仓库货架抽象成空心的规则几何体来表示，即将货架抽象成空间直角坐标系x、y、z轴3个方向各4个小规则几何体组成的大空心规则几何体来构建三维货架视图。
[0098]
在本技术中，可以将大空心的规则几何体再次抽象为空间直角坐标系中x、y、z轴3个方向各4个规则几何体，即12个规则几何体来表示。如图5，示出了根据本技术一个实施例
的仓库货架的三维视图，在图5中，每个方向的颜色、展示条数都可以单独控制。对于x轴方向长度x_length的货格数据，通过一定比例(可根据展示效果调整)来生成该规则几何体y、z方向的长度，即用格式化数据进行描述各个仓库货位之间限定的规则几何空隙，渲染时使用实例化网格的方式进行批量渲染，呈现仓储三维视图。
[0099]
如图6，示出了根据本技术一个实施例的仓库货架的渲染过程图，具体实现步骤为：
[0100]
首先，生成x轴方向的规则几何体，如图6所示的6a。
[0101]
//x轴方向的单个规则几何体中，将y_length、z_length与x_length的长度比设为0.04,以此来绘制规则几何体；
[0102]
[0103][0104]
其次，按照x轴方向的方式生成y轴方向规则几何体，如图6所示的6b。
[0105]
最后，按照x轴方向的方式生成z轴方向规则几何体，如图6所示的6c。
[0106]
在本技术中，通过利用仓库货架与仓库货位之间的位置关系，可以基于仓库货位在三维空间中的位置和几何属性参数值，推导出仓库货架在三维空间中的位置和几何属性参数值，从而根据仓库货架在三维空间中的位置和几何属性参数值，通过实例化网格的方式对仓库货架进行渲染，如此一来，无需从仓库数据库中获取仓库货架的空间数据就可以对仓库货架进行渲染，节省了仓库货架的渲染时间，进而能够提高对仓库进行展示的效率。
[0107]
继续参照图2，在步骤250中，在所述浏览器页面上展示所述仓库三维视图。
[0108]
在本技术中，在得到包括货位三维视图，货架三维视图，通道三维视图，道口三维视图，站台三维视图，货品三维视图等等在内的仓库三维视图之后，可以直接在浏览器页面上向用户展示所述仓库三维视图。如图7，示出了根据本技术一个实施例的在整体上的仓库三维视图。
[0109]
在本技术的一个实施例中，还可以执行如下步骤261至步骤262：
[0110]
步骤261，监听所述仓库数据库中的仓库对象在三维空间中的空间数据。
[0111]
步骤262，如果所述仓库数据库中的空间数据发生更新，则重新从仓库数据库中获取仓库对象在三维空间中的新的空间数据，以基于所述新的空间数据，通过实例化网格的方式对所述仓库进行重新渲染，得到新的仓库三维视图，并实时在所述浏览器页面上更新所述新的仓库三维视图。
[0112]
在本实施例中，通过监听仓库数据库中的仓库对象在三维空间中的空间数据，一旦监听到空间数据发生更新(比如仓库内的货品存在进库或者出库，或者货架的位置发生变化)，则同步更新浏览器页面上仓库三维视图，其好处在于，可以提高仓库三维视图展示的时效性。提高用户体验。
[0113]
在本技术的一个实施例中，还可以执行如下步骤271至步骤272：
[0114]
步骤271，响应于对所述仓库三维视图中目标仓库对象的触控操作，获取目标仓库对象的属性信息。
[0115]
步骤272，在所述浏览器页面上显示所述目标仓库对象的属性信息。
[0116]
在本技术中，在用户对目标仓库对象进行触控操作(比如点击仓库三维视图中某一个仓库货品)时，在所述浏览器页面上显示所述目标仓库对象的属性信息(比如，该仓库货品的品类，数量，入库时间等等)，其好处在于，可以更为详细的向用户展示仓库信息，有利于提高用户的体验。
[0117]
在本技术的一些实施例所提供的技术方案中，由于将仓库对象定义为规则几何体，当用户在浏览器页面上请求仓库展示时，可以从仓库数据库中获取仓库对象在三维空间中的空间数据，基于空间数据，通过实例化网格的方式对所述仓库进行渲染，可以将得到仓库三维视图直接展示在浏览器页面上，摆脱了需要在后台对数据进行建模的依赖，将仓库数据直接在浏览器页面上可视化，降维了数据处理的工作量，增加了仓库三维展示的快捷性，进而能够提高对仓库进行展示的效率。
[0118]
具体要强调的是，本技术提出的技术方案，摆脱了传统仓库三维展示对建模的依赖，基于仓库格式化描述数据直接在浏览器端渲染三维视图，解决了传统仓库三维展示时效低的缺陷，在浏览器端，实时数据可以实时渲染，实际使用过程中，可以实时渲染10万+货位仓库的三维视图，且渲染效果优秀，fps稳定60+，交互操作流畅。并，还能降低人工成本，数据直接生成三维视图，无需专人维护模型。
[0119]
以下介绍本技术的装置实施例，可以用于执行本技术上述实施例中的仓库展示方法。对于本技术装置实施例中未披露的细节，请参照本技术上述的仓库展示方法的实施例。
[0120]
图8示出了根据本技术一个实施例的仓库展示装置的框图。
[0121]
参照图8所示，根据本技术一个实施例的仓库展示装置800，包括：获取单元801、渲染单元802和展示单元803。
[0122]
其中，获取单元801，用于响应于用户在浏览器页面上触发的仓库展示请求，从仓库数据库中获取仓库对象在三维空间中的空间数据，所述仓库对象被定义为规则几何体；渲染单元802，用于基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，得到仓库三维视图；展示单元803，用于在所述浏览器页面上展示所述仓库三维视图。
[0123]
在本技术的一些实施例中，基于前述方案，所述空间数据包括所述仓库对象的参
考点在三维空间中的位置坐标和所述仓库对象在三维空间中的几何属性参数值。
[0124]
在本技术的一些实施例中，基于前述方案，所述仓库对象包括仓库货位，所述渲染单元802配置为：基于所述仓库货位在三维空间中的空间数据，通过实例化网格的方式对所述仓库货位进行渲染；基于仓库货架与所述仓库货位之间的位置关系，通过实例化网格的方式对所述仓库货架进行渲染，以实现对所述仓库的渲染。
[0125]
在本技术的一些实施例中，基于前述方案，所述仓库对象还包括仓库通道和/或仓库道口和/或仓库站台和/或仓库货品，所述渲染单元802还配置为：基于所述仓库通道和/或所述仓库道口和/或所述仓库站台和/或所述仓库货品在三维空间中的空间数据，通过实例化网格的方式分别对所述仓库通道和/或所述仓库道口和/或所述仓库站台和/或所述仓库货品进行渲染。
[0126]
在本技术的一些实施例中，基于前述方案，所述渲染单元802配置为：基于所述仓库货架与所述仓库货位之间的位置关系，将由各个仓库货位之间限定的规则几何空隙定义为仓库货架；基于所述规则几何空隙在三维空间中的位置和几何属性参数值，通过实例化网格的方式对所述仓库货架进行渲染。
[0127]
在本技术的一些实施例中，基于前述方案，所述装置还包括：监听单元，用于监听所述仓库数据库中的仓库对象在三维空间中的空间数据；如果所述仓库数据库中的空间数据发生更新，则重新从仓库数据库中获取仓库对象在三维空间中的新的空间数据，以基于所述新的空间数据，通过实例化网格的方式对所述仓库进行重新渲染，得到新的仓库三维视图，并实时在所述浏览器页面上更新所述新的仓库三维视图。
[0128]
在本技术的一些实施例中，基于前述方案，所述装置还包括：显示单元，用于响应于对所述仓库三维视图中目标仓库对象的触控操作，获取目标仓库对象的属性信息；在所述浏览器页面上显示所述目标仓库对象的属性信息。
[0129]
图9示出了适于用来实现本技术实施例的电子设备的计算机系统的结构示意图。
[0130]
需要说明的是，图9示出的电子设备的计算机系统900仅是一个示例，不应对本技术实施例的功能和使用范围带来任何限制。
[0131]
如图9所示，计算机系统900包括中央处理单元(central processing unit，cpu)901，其可以根据存储在只读存储器(read-only memory，rom)902中的程序或者从储存部分908加载到随机访问存储器(random access memory，ram)903中的程序而执行各种适当的动作和处理，例如执行上述实施例中所述的方法。在ram 903中，还存储有系统操作所需的各种程序和数据。cpu 901、rom 902以及ram 903通过总线904彼此相连。输入/输出(input/output，i/o)接口905也连接至总线904。
[0132]
以下部件连接至i/o接口905：包括键盘、鼠标等的输入部分906；包括诸如阴极射线管(cathode ray tube，crt)、液晶显示器(liquid crystal display，lcd)等以及扬声器等的输出部分907；包括硬盘等的储存部分908；以及包括诸如lan(local area network，局域网)卡、调制解调器等的网络接口卡的通信部分909。通信部分909经由诸如因特网的网络执行通信处理。驱动器910也根据需要连接至i/o接口905。可拆卸介质911，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器910上，以便于从其上读出的计算机程序根据需要被安装入储存部分908。
[0133]
特别地，根据本技术的实施例，上文参考流程图描述的过程可以被实现为计算机
软件程序。例如，本技术的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分909从网络上被下载和安装，和/或从可拆卸介质911被安装。在该计算机程序被中央处理单元(cpu)901执行时，执行本技术的系统中限定的各种功能。
[0134]
需要说明的是，本技术实施例所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(erasable programmable read only memory，eprom)、闪存、光纤、便携式紧凑磁盘只读存储器(compact disc read-only memory，cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本技术中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本技术中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、有线等等，或者上述的任意合适的组合。
[0135]
附图中的流程图和框图，图示了按照本技术各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。其中，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
[0136]
描述于本技术实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现，所描述的单元也可以设置在处理器中。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定。
[0137]
作为另一方面，本技术还提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述实施例中所述的方法。
[0138]
作为另一方面，本技术还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该电子设备执行时，使得该电子设备实现上述实施例中所述的方法。
[0139]
应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本技术的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。
[0140]
通过以上的实施方式的描述，本领域的技术人员易于理解，这里描述的示例实施方式可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本技术实施方式的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是cd-rom，u盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务端、触控终端、或者网络设备等)执行根据本技术实施方式的方法。
[0141]
本领域技术人员在考虑说明书及实践这里公开的实施方式后，将容易想到本技术的其它实施方案。本技术旨在涵盖本技术的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本技术的一般性原理并包括本技术未公开的本技术领域中的公知常识或惯用技术手段。
[0142]
应当理解的是，本技术并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本技术的范围仅由所附的权利要求来限制。

技术特征：
1.一种仓库展示方法，其特征在于，所述方法包括：响应于用户在浏览器页面上触发的仓库展示请求，从仓库数据库中获取仓库对象在三维空间中的空间数据，所述仓库对象被定义为规则几何体；基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，得到仓库三维视图；在所述浏览器页面上展示所述仓库三维视图。2.根据权利要求1所述的方法，其特征在于，所述空间数据包括所述仓库对象的参考点在三维空间中的位置坐标和所述仓库对象在三维空间中的几何属性参数值。3.根据权利要求1所述的方法，其特征在于，所述仓库对象包括仓库货位，所述基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，包括：基于所述仓库货位在三维空间中的空间数据，通过实例化网格的方式对所述仓库货位进行渲染；基于仓库货架与所述仓库货位之间的位置关系，通过实例化网格的方式对所述仓库货架进行渲染，以实现对所述仓库的渲染。4.根据权利要求3所述的方法，其特征在于，所述仓库对象还包括仓库通道和/或仓库道口和/或仓库站台和/或仓库货品，所述基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，包括：基于所述仓库通道和/或所述仓库道口和/或所述仓库站台和/或所述仓库货品在三维空间中的空间数据，通过实例化网格的方式分别对所述仓库通道和/或所述仓库道口和/或所述仓库站台和/或所述仓库货品进行渲染。5.根据权利要求3所述的方法，其特征在于，所述基于仓库货架与所述仓库货位之间的位置关系，通过实例化网格的方式对所述仓库货架进行渲染，以实现对所述仓库的渲染，包括：基于所述仓库货架与所述仓库货位之间的位置关系，将由各个仓库货位之间限定的规则几何空隙定义为仓库货架；基于所述规则几何空隙在三维空间中的位置和几何属性参数值，通过实例化网格的方式对所述仓库货架进行渲染。6.根据权利要求1至5所述的方法，其特征在于，所述方法还包括：监听所述仓库数据库中的仓库对象在三维空间中的空间数据；如果所述仓库数据库中的空间数据发生更新，则重新从仓库数据库中获取仓库对象在三维空间中的新的空间数据，以基于所述新的空间数据，通过实例化网格的方式对所述仓库进行重新渲染，得到新的仓库三维视图，并实时在所述浏览器页面上更新所述新的仓库三维视图。7.根据权利要求1至5所述的方法，其特征在于，所述方法还包括：响应于对所述仓库三维视图中目标仓库对象的触控操作，获取目标仓库对象的属性信息；在所述浏览器页面上显示所述目标仓库对象的属性信息。8.一种仓库展示装置，其特征在于，所述装置包括：获取单元，用于响应于用户在浏览器页面上触发的仓库展示请求，从仓库数据库中获
取仓库对象在三维空间中的空间数据，所述仓库对象被定义为规则几何体；渲染单元，用于基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，得到仓库三维视图；展示单元，用于在所述浏览器页面上展示所述仓库三维视图。9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有至少一条程序代码，所述至少一条程序代码由处理器加载并执行以实现如权利要求1至7任一项所述的方法所执行的操作。10.一种电子设备，其特征在于，所述电子设备包括一个或多个处理器和一个或多个存储器，所述一个或多个存储器中存储有至少一条程序代码，所述至少一条程序代码由所述一个或多个处理器加载并执行以实现如权利要求1至7任一项所述的方法所执行的操作。

技术总结
本申请的实施例提供了一种仓库展示方法、装置、计算机可读介质及电子设备。该方法包括：响应于用户在浏览器页面上触发的仓库展示请求，从仓库数据库中获取仓库对象在三维空间中的空间数据，所述仓库对象被定义为规则几何体；基于所述仓库对象在三维空间中的空间数据，通过实例化网格的方式对所述仓库进行渲染，得到仓库三维视图；在所述浏览器页面上展示所述仓库三维视图。本申请实施例的技术方案可以提高对仓库进行展示的效率。可以提高对仓库进行展示的效率。可以提高对仓库进行展示的效率。


技术研发人员：潘凯
受保护的技术使用者：上海万筹科技有限公司
技术研发日：2023.04.23
技术公布日：2023/7/20