Warehouse Display Method, Device, Medium and Electronic Equipment

By defining the warehouse object as a regular geometry and using instantiated mesh rendering technology, the problem of low time-efficiency in the warehouse's three-dimensional display is solved, and efficient and real-time three-dimensional view display is achieved, suitable for rapid rendering of large-scale warehouses.

CN116450969BActive Publication Date: 2025-07-29SHANGHAI WANCHO TECH CO LTD
View PDF 1 Cites 0 Cited by

Patent Information

Application Number
CN202310444244.8
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2023-04-23
Publication Date
2025-07-29
Estimated Expiration
2043-04-23

AI Technical Summary

Technical Problem

The prior art has low time and high cost in the three-dimensional display of warehouses, and cannot respond to data updates in a timely manner, resulting in insufficiency of display.

Method used

Define the warehouse object as a regular geometry, and directly render the three-dimensional view on the browser page by instantiating the mesh, get rid of the dependence on background modeling, and update the display in real time.

Benefits of technology

It improves the speed and efficiency of the warehouse's three-dimensional display, reduces the data processing volume, and realizes efficient three-dimensional view display, suitable for real-time rendering of large-scale warehouses.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN116450969B_ABST
    Figure CN116450969B_ABST
Patent Text Reader

Abstract

Embodiments of the present application provide a warehouse display method, device, computer-readable medium, and electronic device. The method includes: in response to a warehouse display request triggered by a user on a browser page, obtaining spatial data of a warehouse object in a three-dimensional space from a warehouse database, where the warehouse object is defined as a regular geometric body; based on the spatial data of the warehouse object in the three-dimensional space, rendering the warehouse by instantiating a mesh to obtain a three-dimensional view of the warehouse; and displaying the three-dimensional view of the warehouse on the browser page. The technical solution of the embodiments of the present application can improve the efficiency of displaying a warehouse.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This application relates to the fields of warehousing and computer technologies, and in particular, to a warehouse display method, apparatus, computer-readable medium, and electronic device. Background Art

[0002] With the rapid development of the warehousing and logistics industry, warehousing management technologies are constantly changing. In the three-dimensional display scenario of a warehouse, generally, a model is built to achieve the three-dimensional display of the warehouse. Specifically, warehouse data is converted into a model that can be recognized by a display platform, and attribute data and interaction events are assigned to the model, and then the model is displayed on the platform. Through certain rule logics, the purpose of three-dimensional display of the warehouse is achieved. However, relying on modeling to achieve the three-dimensional display of the warehouse, when the warehouse data is updated, re-modeling is required. And the data processing volume in the modeling process is large and cannot be completed in time, which results in low efficiency and high cost of the three-dimensional display of the warehouse. Based on this, how to improve the efficiency of displaying the warehouse is a technical problem to be solved urgently. Summary of the Invention

[0003] Embodiments of this application provide a warehouse display method, apparatus, computer program product, computer program, computer-readable medium, and electronic device, which can, to at least some extent, improve the efficiency of displaying a warehouse.

[0004] Other features and advantages of this application will become apparent through the following detailed description, or will be partially learned through the practice of this application.

[0005] According to one aspect of the embodiments of this application, a warehouse display method is provided. The method includes: in response to a warehouse display request triggered by a user on a browser page, obtaining spatial data of a warehouse object in a three-dimensional space from a warehouse database, where the warehouse object is defined as a regular geometric body; based on the spatial data of the warehouse object in the three-dimensional space, rendering the warehouse by instantiating a mesh to obtain a three-dimensional view of the warehouse; and displaying the three-dimensional view of the warehouse on the browser page.

[0006] In some embodiments of this application, based on the foregoing solution, the spatial data includes the position coordinates of a reference point of the warehouse object in the three-dimensional space and the values of geometric attribute parameters of the warehouse object in the three-dimensional space.

[0007] In some embodiments of the present application, based on the foregoing solution, the warehouse object includes warehouse storage locations. Rendering the warehouse by instantiating a grid based on the spatial data of the warehouse object in three-dimensional space includes: rendering the warehouse storage locations by instantiating a grid based on the spatial data of the warehouse storage locations in three-dimensional space; and rendering the warehouse shelves by instantiating a grid based on the positional relationship between the warehouse shelves and the warehouse storage locations, so as to implement the rendering of the warehouse.

[0008] In some embodiments of the present application, based on the foregoing solution, the warehouse object further includes a warehouse passage and / or a warehouse crossing and / or a warehouse platform and / or warehouse goods. Rendering the warehouse by instantiating a grid based on the spatial data of the warehouse object in three-dimensional space includes: respectively rendering the warehouse passage and / or the warehouse crossing and / or the warehouse platform and / or the warehouse goods by instantiating a grid based on the spatial data of the warehouse passage and / or the warehouse crossing and / or the warehouse platform and / or the warehouse goods in three-dimensional space.

[0009] In some embodiments of the present application, based on the foregoing solution, rendering the warehouse shelves by instantiating a grid based on the positional relationship between the warehouse shelves and the warehouse storage locations, so as to implement the rendering of the warehouse, includes: defining the regular geometric voids defined between each warehouse storage location as warehouse shelves based on the positional relationship between the warehouse shelves and the warehouse storage locations; and rendering the warehouse shelves by instantiating a grid based on the position and geometric attribute parameter values of the regular geometric voids in three-dimensional space.

[0010] In some embodiments of the present application, based on the foregoing solution, the method further includes: listening for the spatial data of the warehouse object in the warehouse database in three-dimensional space; if the spatial data in the warehouse database is updated, re-obtaining the new spatial data of the warehouse object in three-dimensional space from the warehouse database, so as to re-render the warehouse by instantiating a grid based on the new spatial data, obtain a new three-dimensional view of the warehouse, and update the new three-dimensional view of the warehouse on the browser page in real time.

[0011] In some embodiments of the present application, based on the foregoing solution, the method further includes: in response to a touch operation on a target warehouse object in the three-dimensional view of the warehouse, obtaining the attribute information of the target warehouse object; and displaying the attribute information of the target warehouse object on the browser page.

[0012] According to one aspect of the embodiments of the present application, a warehouse display device is provided. The device includes: an acquisition unit configured to, in response to a warehouse display request triggered by a user on a browser page, acquire spatial data of a warehouse object in a three-dimensional space from a warehouse database, where the warehouse object is defined as a regular geometric body; a rendering unit configured to render the warehouse by instantiating a mesh based on the spatial data of the warehouse object in the three-dimensional space to obtain a three-dimensional view of the warehouse; and a display unit configured to display the three-dimensional view of the warehouse on the browser page.

[0013] According to one aspect of the embodiments of the present application, a computer program product or a computer program is provided. The computer program product or the computer program includes computer instructions, and the computer instructions are stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the method described in the above embodiments.

[0014] According to one aspect of the embodiments of the present application, a computer-readable medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the method described in the above embodiments is implemented.

[0015] According to one aspect of the embodiments of the present application, an electronic device is provided, including: one or more processors; a storage device configured to store one or more programs. When the one or more programs are executed by the one or more processors, the one or more processors implement the method described in the above embodiments.

[0016] In the technical solutions provided by some embodiments of the present application, since the warehouse object is defined as a regular geometric body, when a user requests warehouse display on a browser page, spatial data of the warehouse object in a three-dimensional space can be acquired from the warehouse database. Based on the spatial data, the warehouse is rendered by instantiating a mesh, and the obtained three-dimensional view of the warehouse can be directly displayed on the browser page, getting rid of the dependence on data modeling in the background, visualizing the warehouse data directly on the browser page, reducing the workload of data processing, increasing the speed of three-dimensional display of the warehouse, and thus being able to improve the efficiency of warehouse display.

[0017] It should be understood that the above general description and the following detailed description are only exemplary and explanatory, and cannot limit the present application. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] The accompanying drawings herein are incorporated into the specification and form a part of this specification, showing embodiments consistent with the present application, and are used together with the specification to explain the principles of the present application. Obviously, the accompanying drawings in the following description are only some embodiments of the present application, and those of ordinary skill in the art can obtain other drawings based on these drawings without creative efforts. In the drawings:

[0019] Figure 1 Shows a system architecture diagram to which the technical solution of the embodiment of the present application can be applied;

[0020] Figure 2 Shows a flowchart of a warehouse display method according to an embodiment of the present application

[0021] Figure 3 Shows a three-dimensional view of defining a warehouse object as a regular cuboid according to an embodiment of the present application;

[0022] Figure 4 Shows a three-dimensional view of a warehouse storage location, a warehouse passage, a warehouse crossing, and a warehouse platform according to an embodiment of the present application;

[0023] Figure 5 Shows a three-dimensional view of a warehouse shelf according to an embodiment of the present application;

[0024] Figure 6 Shows a rendering process diagram of a warehouse shelf according to an embodiment of the present application;

[0025] Figure 7 Shows a three-dimensional view of the warehouse as a whole according to an embodiment of the present application;

[0026] Figure 8 Shows a block diagram of a warehouse display device according to an embodiment of the present application;

[0027] Figure 9 Shows a schematic structural diagram of a computer system of an electronic device suitable for implementing the embodiment of the present application. Detailed implementation manners

[0028] Example embodiments will now be described more fully with reference to the accompanying drawings. However, the example embodiments can be implemented in various forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this application will be more complete and comprehensive, and will fully convey the concept of the example embodiments to those skilled in the art.

[0029] In addition, the described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of the embodiments of the present application. However, those skilled in the art will realize that the technical solutions of the present application may be practiced without one or more of the specific details, or other methods, components, devices, steps, etc. may be adopted. In other cases, well-known methods, devices, implementations, or operations are not shown or described in detail to avoid obscuring aspects of the present application.

[0030] The block diagrams shown in the drawings are only functional entities and do not necessarily correspond to physically independent entities. That is, these functional entities may be implemented in software form, or in one or more hardware modules or integrated circuits, or in different networks and / or processor devices and / or microcontroller devices.

[0031] The flowcharts shown in the drawings are only illustrative and do not necessarily include all the content and operations / steps, nor are they necessarily executed in the described order. For example, some operations / steps may be decomposed, while some operations / steps may be combined or partially combined, so the actual execution order may change according to the actual situation.

[0032] It should be noted that: "a plurality of" mentioned in this article refers to two or more. "And / or" describes the association relationship of associated objects, indicating that there can be three relationships. For example, A and / or B can represent: A exists alone, A and B exist simultaneously, and B exists alone. The character " / " generally represents an "or" relationship between the associated objects before and after.

[0033] It should be noted that the terms "first", "second", etc. in the specification, claims, and above-mentioned drawings of the present application are used to distinguish similar objects and do not necessarily need to describe a specific order or sequence. It should be understood that the objects used in this way can be interchanged under appropriate circumstances so that the embodiments of the present application described here can be implemented in an order other than those illustrated or described.

[0034] Figure 1 A system architecture diagram to which the technical solutions of the embodiments of the present application can be applied is shown.

[0035] As Figure 1 shown, the system architecture may include terminal devices (such as Figure 1One or more of the smart phone 101, tablet computer 102, and portable computer 103 shown in the figure may of course also be a desktop computer or the like, but is not limited thereto, and the present application does not make any restrictions here), network 104, and server 105. The network 104 is used to provide a medium for a communication link between the terminal device and the server 105. The network 104 may include various connection types, such as a wired communication link, a wireless communication link, and the like.

[0036] It should be noted that the warehouse display method provided by the embodiments of the present application can be executed by a terminal device. Correspondingly, the warehouse display device is generally arranged in the terminal device.

[0037] The implementation details of the technical solution of the embodiments of the present application are elaborated in detail below:

[0038] Figure 2 The flowchart of the warehouse display method according to an embodiment of the present application is shown. The warehouse display method can be executed by a device with computing and processing capabilities, such as Figure 1 the terminal device shown in the figure. Referring to Figure 2 shown, the warehouse display method includes at least steps 210 to 250, which are introduced in detail as follows:

[0039] In step 210, in response to a warehouse display request triggered by a user on a browser page, spatial data of a warehouse object in a three-dimensional space is obtained from a warehouse database, and the warehouse object is defined as a regular geometric body.

[0040] In the present application, the proposed technical solution can be applied to a scenario of three-dimensional display of multi-warehouse and real-time in-warehouse storage layouts based on a browser and server architecture mode. Specifically, data related to inventory in the warehouse can be stored in a warehouse database (for example, a database composed of a WMS warehouse management system, an OMS order management system, and a TMS transportation management system), and the warehouse database can be arranged in a background server (such as a physical server or a cloud server). Based on a warehouse display request of a user on a terminal device, the terminal device can obtain data related to inventory (such as spatial data of a warehouse object in a three-dimensional space) from the warehouse database of the background server, and further display a three-dimensional view of the warehouse on the browser page of the terminal device based on the data related to inventory.

[0041] In this application, the warehouse object may include warehouse storage locations, may also include warehouse aisles, may also include warehouse entrances, may also include warehouse platforms, may also include warehouse goods, and may further include warehouse shelves. It should be noted that a warehouse storage location refers to the location and space in the warehouse for storing goods, while a warehouse shelf refers to a three-dimensional facility for storing goods composed of brackets, partitions, or trays, which can plan and organize storage locations, save the storage space for goods, and increase the utilization rate of the warehouse space.

[0042] In this application, each warehouse object can be defined as a regular geometric body.

[0043] In this application, the spatial data may include the position coordinates of the reference point of the warehouse object in a three-dimensional space, and may also include the geometric attribute parameter values of the warehouse object in the three-dimensional space.

[0044] Specifically, a reference point (x_center, y_center, z_center) can be selected in a three-dimensional space (X, Y, Z) as the spatial reference point, and further, the three-dimensional coordinates of the reference point of the warehouse object (the geometric center of the regular geometric body can be used as the reference point of the warehouse object) relative to the spatial reference point are used as the position coordinates of the reference point of the warehouse object in the three-dimensional space. Additionally, the length, width, and height (x_length, y_length, z_length) of the regular geometric body (such as a cuboid) corresponding to the warehouse object can be used as the geometric attribute parameter values of the warehouse object in the three-dimensional space. As Figure 3 shown in the three-dimensional view of defining the warehouse object as a regular cuboid according to an embodiment of this application.

[0045] In this application, based on the spatial reference point, through the abstract concept of a three-dimensional rectangular coordinate system and a regular geometric body, a formatted data description can be made for the warehouse object. For example:

[0046] {

[0047] "x_center":743075.9,

[0048] "y_center":-602567.1,

[0049] "z_center":2270.0,

[0050] "x_length":1000.0,

[0051] "y_length":1200.0,

[0052] "z_length":940.0,

[0053] "type": "Warehouse location",

[0054] "id": 0, ...

[0056] }

[0057] In this application, by defining each warehouse object as a regular geometric body, the difficulty of data description can be greatly simplified, which is beneficial to improving the subsequent data calculation and further beneficial to improving the efficiency of warehouse display.

[0058] Continue to refer to Figure 2 In step 230, based on the spatial data of the warehouse object in the three-dimensional space, the warehouse is rendered by instantiating a grid to obtain a three-dimensional view of the warehouse.

[0059] In an embodiment of the present application, when the warehouse object includes a warehouse location, the rendering of the warehouse by instantiating a grid based on the spatial data of the warehouse object in the three-dimensional space can be performed according to the following steps 251 to 252:

[0060] Step 251, based on the spatial data of the warehouse location in the three-dimensional space, the warehouse location is rendered by instantiating a grid.

[0061] Step 252, based on the positional relationship between the warehouse shelf and the warehouse location, the warehouse shelf is rendered by instantiating a grid to realize the rendering of the warehouse.

[0062] Furthermore, when the warehouse object further includes a warehouse passage and / or a warehouse entrance / exit and / or a warehouse platform and / or warehouse goods, the rendering of the warehouse by instantiating a grid based on the spatial data of the warehouse object in the three-dimensional space can be performed according to the following step 253:

[0063] Step 253, for the spatial data of the warehouse passage and / or the warehouse entrance / exit and / or the warehouse platform and / or the warehouse goods in the three-dimensional space, the warehouse passage and / or the warehouse entrance / exit and / or the warehouse platform and / or the warehouse goods are respectively rendered by instantiating a grid.

[0064] Specifically, in this embodiment, an open-source JavaScript 3D library: three.js based on the MIT license can be used in the three-dimensional rendering module on the browser side for customized development for the warehousing application scenario.

[0065] The number of warehouse objects inside a warehouse can be in the thousands. Rendering them one by one in the traditional way requires drawing tens of thousands of geometries on the browser side, which places high demands on the computer's hardware configuration and can easily lead to unsatisfactory rendering results and interactive lag. Therefore, based on the regular geometries of the data in the warehouse, the use of InstancedMesh can easily complete the rendering of a large amount of data. Specifically, it includes two steps: creating an InstancedMesh and transforming the position and size of each regular geometry.

[0066] First, create an InstancedMesh:

[0067] const data=[{x_center:1,y_center:1,z_center:1,x_length:1,y_length:1,z_length:1}...];

[0068] / / data is an array composed of the abstracted format data of the warehouse, and data.length, the data length, is the number of abstract objects

[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] Get the InstancedMesh instance object.

[0073] Secondly, transform the position and size of each regular geometry:

[0074] data.forEach((item,index) => {

[0075] / / Position position transformation

[0076] cube.position.set(item.x_center,item.y_center,inverse*item.z_center)

[0077] / / Size scale transformation

[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] / / Synchronize position and size

[0083] instancedMesh.setMatrixAt(index, cube.matrix)})

[0084] Get the basic 3D view inside the warehouse,

[0085] In this application, visually, slightly transparent regular geometric bodies can be used to represent vacant warehouse storage locations, and different colors can be used to represent different categories of warehouse goods. For example:

[0086] / / opacity: 0.2 represents a slightly transparent regular geometric body visually to represent vacant storage locations

[0087] const materialFrame = new MeshLambertMaterial({ color: 0xffffff,

[0088] opacity: 0.2, transparent: true})

[0089] const frameMesh = new InstancedMesh(geoInstance, materialFrame, data.length)

[0090] / / Set colors to distinguish categories

[0091] instancedMesh.setColorAt(index, color).

[0092] Such as Figure 4, which shows a three - dimensional view of warehouse storage locations, warehouse aisles, warehouse entrances, and warehouse platforms according to an embodiment of the present application.

[0093] In Figure 4 , each regular geometric body represents a warehouse object (for example, it can be one or more of warehouse aisles, warehouse entrances, warehouse platforms, warehouse goods, etc.). In the actual use process, the method of instantiating a grid can be used to render the three - dimensional view of a warehouse with more than 100,000 storage locations in real - time, and the rendering effect is excellent, the FPS is stable at 60 +, and the interactive operation is smooth. Therefore, the technical solution proposed in the present application is beneficial to improving the efficiency of displaying the warehouse.

[0094] In step 252 of this embodiment, based on the positional relationship between the warehouse shelf and the warehouse storage location, the warehouse shelf is rendered by instantiating a grid to achieve the rendering of the warehouse, which can be executed according to the following steps 2521 to 2522:

[0095] Step 2521, based on the positional relationship between the warehouse shelf and the warehouse storage location, define the regular geometric voids defined by each warehouse storage location as the warehouse shelf.

[0096] Step 2522, based on the position and geometric attribute parameter values of the regular geometric voids in three - dimensional space, render the warehouse shelf by instantiating a grid.

[0097] Specifically, when performing three - dimensional rendering of the warehouse shelf, the warehouse shelf can be regarded as composed of multiple storage cells. The data description method of the storage cells is the same as that of the warehouse storage location. Based on the regular geometric voids defined by each warehouse storage location, the warehouse shelf can be further abstracted into a hollow regular geometric body to represent, that is, the shelf is abstracted into a large hollow regular geometric body composed of 4 small regular geometric bodies in each of the 3 directions of the x, y, and z axes of the space rectangular coordinate system to construct a three - dimensional shelf view.

[0098] In the present application, the large hollow regular geometric body can be further abstracted into 4 regular geometric bodies in each of the 3 directions of the x, y, and z axes in the space rectangular coordinate system, that is, 12 regular geometric bodies to represent. As Figure 5 , which shows a three - dimensional view of the warehouse shelf according to an embodiment of the present application. In Figure 5 , the color and the number of displayed bars in each direction can be controlled separately. For the storage cell data with the length x_length in the x - axis direction, the lengths in the y and z directions of this regular geometric body are generated through a certain ratio (which can be adjusted according to the display effect), that is, the regular geometric voids defined by each warehouse storage location are described with formatted data, and the instantiating grid method is used for batch rendering during rendering to present the three - dimensional view of the warehouse.

[0099] AsFigure 6 , showing a rendering process diagram of a warehouse shelf according to an embodiment of the present application. The specific implementation steps are as follows:

[0100] First, generate a regular geometric body in the x-axis direction, such as Figure 6 shown as 6a.

[0101] / / In a single regular geometric body in the x-axis direction, set the length ratio of y_length, z_length to x_length to 0.04 to draw the regular geometric body;

[0102]

[0103]

[0104] Secondly, generate a regular geometric body in the y-axis direction in the same way as in the x-axis direction, such as Figure 6 shown as 6b.

[0105] Finally, generate a regular geometric body in the z-axis direction in the same way as in the x-axis direction, such as Figure 6 shown as 6c.

[0106] In the present application, by utilizing the positional relationship between the warehouse shelf and the warehouse storage location, the positional and geometric attribute parameter values of the warehouse shelf in the three-dimensional space can be deduced based on the positional and geometric attribute parameter values of the warehouse storage location in the three-dimensional space. Thus, according to the positional and geometric attribute parameter values of the warehouse shelf in the three-dimensional space, the warehouse shelf can be rendered by instantiating a mesh. In this way, it is possible to render the warehouse shelf without obtaining the spatial data of the warehouse shelf from the warehouse database, saving the rendering time of the warehouse shelf and thereby improving the efficiency of displaying the warehouse.

[0107] Continue to refer to Figure 2 , in step 250, display the three-dimensional view of the warehouse on the browser page.

[0108] In the present application, after obtaining the three-dimensional view of the warehouse including the three-dimensional view of the storage location, the three-dimensional view of the shelf, the three-dimensional view of the passage, the three-dimensional view of the intersection, the three-dimensional view of the platform, the three-dimensional view of the goods, etc., the three-dimensional view of the warehouse can be directly displayed to the user on the browser page. As Figure 7 , showing the three-dimensional view of the warehouse as a whole according to an embodiment of the present application.

[0109] In an embodiment of the present application, the following steps 261 to 262 can also be executed:

[0110] Step 261, monitor the spatial data of the warehouse object in the three-dimensional space in the warehouse database.

[0111] Step 262, if the spatial data in the warehouse database is updated, re-obtain the new spatial data of the warehouse object in the three-dimensional space from the warehouse database, and based on the new spatial data, re-render the warehouse by instantiating a grid to obtain a new three-dimensional view of the warehouse, and update the new three-dimensional view of the warehouse on the browser page in real time.

[0112] In this embodiment, by listening to the spatial data of the warehouse object in the three-dimensional space in the warehouse database, once the spatial data is detected to be updated (for example, goods in the warehouse are received or shipped out, or the position of the shelf changes), the three-dimensional view of the warehouse on the browser page is synchronously updated. The advantage is that it can improve the timeliness of the display of the three-dimensional view of the warehouse and enhance the user experience.

[0113] In an embodiment of the present application, the following steps 271 to 272 may also be performed:

[0114] Step 271, in response to a touch operation on the target warehouse object in the three-dimensional view of the warehouse, obtain the attribute information of the target warehouse object.

[0115] Step 272, display the attribute information of the target warehouse object on the browser page.

[0116] In the present application, when the user performs a touch operation on the target warehouse object (such as clicking on a certain warehouse item in the three-dimensional view of the warehouse), the attribute information of the target warehouse object (such as the category, quantity, storage time, etc. of the warehouse item) is displayed on the browser page. The advantage is that it can display the warehouse information to the user in more detail, which is beneficial to improving the user experience.

[0117] In the technical solutions provided in some embodiments of the present application, since the warehouse object is defined as a regular geometric body, when the user requests the display of the warehouse on the browser page, the spatial data of the warehouse object in the three-dimensional space can be obtained from the warehouse database. Based on the spatial data, the warehouse is rendered by instantiating a grid, and the obtained three-dimensional view of the warehouse can be directly displayed on the browser page, getting rid of the dependence on data modeling in the background, visualizing the warehouse data directly on the browser page, reducing the workload of data processing, increasing the speed of the three-dimensional display of the warehouse, and thus improving the efficiency of warehouse display.

[0118] Specifically, it should be emphasized that the technical solution proposed in this application gets rid of the dependence on modeling for the 3D display of traditional warehouses. Based on the formatted description data of the warehouse, it directly renders a 3D view on the browser side, solving the defect of low timeliness in the 3D display of traditional warehouses. On the browser side, real-time data can be rendered in real time. During actual use, the 3D view of a warehouse with more than 100,000 storage locations can be rendered in real time, and the rendering effect is excellent, with a stable FPS of 60+ and smooth interaction operations. Moreover, it can also reduce labor costs. The data directly generates a 3D view without the need for a dedicated person to maintain the model.

[0119] The following introduces the device embodiments of this application, which can be used to execute the warehouse display method in the above embodiments of this application. For details not disclosed in the device embodiments of this application, please refer to the embodiments of the above warehouse display method of this application.

[0120] Figure 8 The block diagram of a warehouse display device according to an embodiment of the present application is shown.

[0121] Refer to Figure 8 As shown, a warehouse display device 800 according to an embodiment of the present application includes: an acquisition unit 801, a rendering unit 802, and a display unit 803.

[0122] Among them, the acquisition unit 801 is configured to, in response to a warehouse display request triggered by a user on a browser page, obtain spatial data of a warehouse object in a three-dimensional space from a warehouse database, where the warehouse object is defined as a regular geometric body; the rendering unit 802 is configured to render the warehouse by instantiating a mesh based on the spatial data of the warehouse object in the three-dimensional space to obtain a 3D view of the warehouse; the display unit 803 is configured to display the 3D view of the warehouse on the browser page.

[0123] In some embodiments of the present application, based on the foregoing solution, the spatial data includes the position coordinates of a reference point of the warehouse object in the three-dimensional space and the geometric attribute parameter values of the warehouse object in the three-dimensional space.

[0124] In some embodiments of the present application, based on the foregoing solution, the warehouse object includes warehouse storage locations, and the rendering unit 802 is configured to: render the warehouse storage locations by instantiating a mesh based on the spatial data of the warehouse storage locations in the three-dimensional space; and render the warehouse shelves by instantiating a mesh based on the positional relationship between the warehouse shelves and the warehouse storage locations to implement the rendering of the warehouse.

[0125] In some embodiments of the present application, based on the foregoing solution, the warehouse object further includes a warehouse passage and / or a warehouse entrance and / or a warehouse platform and / or warehouse goods, and the rendering unit 802 is further configured to: based on the spatial data of the warehouse passage and / or the warehouse entrance and / or the warehouse platform and / or the warehouse goods in the three-dimensional space, render the warehouse passage and / or the warehouse entrance and / or the warehouse platform and / or the warehouse goods respectively by instantiating a mesh.

[0126] In some embodiments of the present application, based on the foregoing solution, the rendering unit 802 is configured to: based on the positional relationship between the warehouse shelves and the warehouse storage locations, define the regular geometric voids defined between the respective warehouse storage locations as warehouse shelves; based on the position and geometric attribute parameter values of the regular geometric voids in the three-dimensional space, render the warehouse shelves by instantiating a mesh.

[0127] In some embodiments of the present application, based on the foregoing solution, the device further includes: a monitoring unit, configured to monitor the spatial data of the warehouse object in the three-dimensional space in the warehouse database; if the spatial data in the warehouse database is updated, re-obtain the new spatial data of the warehouse object in the three-dimensional space from the warehouse database, so as to re-render the warehouse by instantiating a mesh based on the new spatial data, obtain a new three-dimensional view of the warehouse, and update the new three-dimensional view of the warehouse on the browser page in real time.

[0128] In some embodiments of the present application, based on the foregoing solution, the device further includes: a display unit, configured to, in response to a touch operation on a target warehouse object in the three-dimensional view of the warehouse, obtain the attribute information of the target warehouse object; and display the attribute information of the target warehouse object on the browser page.

[0129] Figure 9 The structural schematic diagram of a computer system of an electronic device suitable for implementing the embodiments of the present application is shown.

[0130] It should be noted that Figure 9 The computer system 900 of the electronic device shown is only an example and should not impose any limitations on the functions and usage scope of the embodiments of the present application.

[0131] Such as Figure 9As shown, computer system 900 includes a Central Processing Unit (CPU) 901, which can perform various appropriate actions and processes according to a program stored in a Read-Only Memory (ROM) 902 or a program loaded from a storage section 908 into a Random Access Memory (RAM) 903, such as executing the methods described in the above embodiments. In the RAM 903, various programs and data required for system operations are also stored. The CPU 901, ROM 902, and RAM 903 are connected to each other via a bus 904. An Input / Output (I / O) interface 905 is also connected to the bus 904.

[0132] The following components are connected to the I / O interface 905: an input section 906 including a keyboard, a mouse, etc.; an output section 907 including, for example, a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), etc. and a speaker, etc.; a storage section 908 including a hard disk, etc.; and a communication section 909 including a network interface card such as a LAN (Local Area Network) card, a modem, etc. The communication section 909 performs communication processing via a network such as the Internet. A drive 910 is also connected to the I / O interface 905 as needed. A removable medium 911, such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is installed on the drive 910 as needed so that a computer program read from it can be installed into the storage section 908 as needed.

[0133] Specifically, according to an embodiment of the present application, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present application includes a computer program product, which includes a computer program carried on a computer-readable medium, and the computer program includes program codes for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network via the communication section 909, and / or installed from the removable medium 911. When the computer program is executed by a Central Processing Unit (CPU) 901, various functions defined in the system of the present application are executed.

[0134] It should be noted that the computer-readable medium shown in the embodiments of the present application can be a computer-readable signal medium, a computer-readable storage medium, or any combination of the two. The computer-readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the above. More specific examples of the computer-readable storage medium can include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM), a flash memory, an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present application, the computer-readable storage medium can be any tangible medium that contains or stores a program, and this program can be used by or in conjunction with an instruction execution system, apparatus, or device. In the present application, the computer-readable signal medium can include a data signal propagated in a baseband or as part of a carrier wave, which carries computer-readable program code. Such a propagated data signal can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. The computer-readable signal medium can also be any computer-readable medium other than the computer-readable storage medium, and this computer-readable medium can send, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted by any appropriate medium, including but not limited to: wireless, wired, etc., or any suitable combination of the above.

[0135] The flowcharts and block diagrams in the accompanying drawings illustrate the possible architectures, functions, and operations of systems, methods, and computer program products according to various embodiments of the present application. Among them, each block in the flowchart or block diagram can represent a module, a program segment, or a part of code, and the above module, program segment, or part of code contains one or more executable instructions for implementing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the blocks may occur in a different order than that marked in the accompanying drawings. For example, two consecutive blocks shown may actually be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending on the functions involved. It should also be noted that each block in the block diagram or flowchart, and the combination of blocks in the block diagram or flowchart, can be implemented by a dedicated hardware-based system for performing the specified functions or operations, or can be implemented by a combination of dedicated hardware and computer instructions.

[0136] The units involved in the embodiments described in this application can be implemented in software or in hardware, and the described units can also be provided in a processor. Among them, the names of these units do not, in some cases, constitute a limitation on the units themselves.

[0137] As another aspect, the present application also provides a computer program product or a computer program. The computer program product or the computer program includes computer instructions, and the computer instructions are stored in a computer-readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the method described in the above embodiments.

[0138] As another aspect, the present application also provides a computer-readable medium. The computer-readable medium may be included in the electronic device described in the above embodiments; or it may exist alone without being assembled into the electronic device. The above computer-readable medium carries one or more programs. When the above one or more programs are executed by an electronic device, the electronic device implements the method described in the above embodiments.

[0139] It should be noted that although several modules or units of a device for action execution are mentioned in the above detailed description, this division is not mandatory. In fact, according to the embodiments of the present application, the features and functions of two or more of the above-described modules or units can be embodied in one module or unit. Conversely, the features and functions of one module or unit described above can be further divided and embodied by multiple modules or units.

[0140] Through the description of the above embodiments, those skilled in the art can easily understand that the example embodiments described herein can be implemented in software or in a manner of software combined with necessary hardware. Therefore, the technical solutions according to the embodiments of the present application can be embodied in the form of a software product. The software product can be stored in a non-volatile storage medium (which can be a CD-ROM, a USB flash drive, a mobile hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which can be a personal computer, a server, a touch terminal, or a network device, etc.) to execute the method according to the embodiments of the present application.

[0141] After considering the specification and practicing the disclosed embodiments herein, those skilled in the art will readily conceive of other embodiments of the present application. The present application is intended to cover any variations, uses, or adaptations of the present application, which follow the general principles of the present application and include known common knowledge or conventional technical means in the technical field not disclosed in the present application.

[0142] It should be understood that the present application is not limited to the exact structures described above and shown in the drawings, and various modifications and changes can be made without departing from its scope. The scope of the present application is only limited by the appended claims.

Claims

1. A warehouse display method, characterized in that, The method includes: In response to a warehouse display request triggered by a user on a browser page, obtaining spatial data of a warehouse object in a three-dimensional space from a warehouse database, where the warehouse object is defined as a regular geometric body; Based on the spatial data of the warehouse object in the three-dimensional space, rendering the warehouse by instantiating a grid to obtain a three-dimensional view of the warehouse; Displaying the three-dimensional view of the warehouse on the browser page; The spatial data includes the position coordinates of a reference point of the warehouse object in the three-dimensional space and the geometric attribute parameter values of the warehouse object in the three-dimensional space; The warehouse object includes warehouse storage locations. The rendering of the warehouse by instantiating a grid based on the spatial data of the warehouse object in the three-dimensional space includes: Rendering the warehouse storage locations by instantiating a grid based on the spatial data of the warehouse storage locations in the three-dimensional space; Rendering the warehouse shelves by instantiating a grid based on the positional relationship between the warehouse shelves and the warehouse storage locations to achieve the rendering of the warehouse; The warehouse object further includes a warehouse passage and / or a warehouse crossing and / or a warehouse platform and / or warehouse goods. The rendering of the warehouse by instantiating a grid based on the spatial data of the warehouse object in the three-dimensional space includes: Rendering the warehouse passage and / or the warehouse crossing and / or the warehouse platform and / or the warehouse goods by instantiating a grid respectively based on the spatial data of the warehouse passage and / or the warehouse crossing and / or the warehouse platform and / or the warehouse goods in the three-dimensional space; The rendering of the warehouse shelves by instantiating a grid based on the positional relationship between the warehouse shelves and the warehouse storage locations to achieve the rendering of the warehouse includes: Defining a regular geometric void defined by each warehouse storage location as a warehouse shelf based on the positional relationship between the warehouse shelves and the warehouse storage locations; Rendering the warehouse shelves by instantiating a grid based on the position and geometric attribute parameter values of the regular geometric void in the three-dimensional space; Specifically, by utilizing the positional relationship between the warehouse shelves and the warehouse storage locations, based on the position and geometric attribute parameter values of the warehouse storage locations in the three-dimensional space, deriving the position and geometric attribute parameter values of the warehouse shelves in the three-dimensional space, and thus rendering the warehouse shelves by instantiating a grid according to the position and geometric attribute parameter values of the warehouse shelves in the three-dimensional space. The method further includes: Listening for the spatial data of the warehouse object in the three-dimensional space in the warehouse database; If the spatial data in the warehouse database is updated, re-obtaining the new spatial data of the warehouse object in the three-dimensional space from the warehouse database, re-rendering the warehouse by instantiating a grid based on the new spatial data to obtain a new three-dimensional view of the warehouse, and updating the new three-dimensional view of the warehouse on the browser page in real time; During rendering, the color and the number of displayed items in each direction can be controlled separately. For the bin data with a length of x_length in the x-axis direction, the lengths in the y and z directions of the regular geometric body are generated through a certain ratio, that is, the regular geometric gaps defined between the storage locations of each warehouse are described using formatted data, and batch rendering is performed using the method of instantiating meshes during rendering to present a three-dimensional view of the warehouse.

2. The method according to claim 1, characterized in that, The method further includes: responding to a touch operation on a target warehouse object in the three-dimensional view of the warehouse, and obtaining the attribute information of the target warehouse object; displaying the attribute information of the target warehouse object on the browser page.

3. A warehouse display device based on the method according to any one of claims 1-2, characterized in that, The device includes: an obtaining unit, configured to obtain spatial data of a warehouse object in a three-dimensional space from a warehouse database in response to a warehouse display request triggered by a user on a browser page, where the warehouse object is defined as a regular geometric body; a rendering unit, configured to render the warehouse in a manner of instantiating a mesh based on the spatial data of the warehouse object in the three-dimensional space to obtain a three-dimensional view of the warehouse; a display unit, configured to display the three-dimensional view of the warehouse on the browser page.

4. A computer-readable storage medium, characterized in that, At least one program code is stored in the computer-readable storage medium, and the at least one program code is loaded and executed by a processor to implement the operations performed by the method according to any one of claims 1 to 2.

5. An electronic device, characterized in that, The electronic device includes one or more processors and one or more memories, and at least one program code is stored in the one or more memories, and the at least one program code is loaded and executed by the one or more processors to implement the operations performed by the method according to any one of claims 1 to 2.

Citation Information

Patent Citations

  • Warehouse data display method and device, equipment and storage medium

    CN114596404A