基于网页端3D技术的智能化仓库系统的制作方法

基于网页端3d技术的智能化仓库系统
技术领域
1.本发明涉及实体3d展示技术领域，具体地，涉及一种基于网页端3d技术的智能化仓库系统。


背景技术：

2.现有的仓库wms系统大多由于网页端或者浏览器的限制，其展示方式局限于平面的数据图表，表格等。纯粹的数据或者表格很难使用户产生直观的概念，现实中仓库的布局，仓库内货物的数量位置等信息很难通过数据展示，因此基于网页端3d技术的智能化仓库展示系统应运而生，借助该系统，仓库人员可以非常直观地看到仓库的整体样貌，库区、货架、货物等关键内容的位置布局等各类信息。借助3d操作，用户可以实现从各个角度，任意缩放查看虚拟仓库。此外，3d虚拟仓库提供多种用户交互功能，例如双击查看货物详情，查看入库、出库单据信息，若仓库连接有监控设备，虚拟仓库还可以提供查看实时监控的功能。综上所述，该发明可以基本实现仓库系统的一系列查看和简单业务功能的操作。
3.专利文献cn104102977a(申请号：201410354370.5)公开了一种电力系统的物资信息管理平台及其管理方法，其特征在于包括领料单管理系统，设置在仓库大厅并与领料单管理系统通讯连接的领料单处理系统，与领料单处理系统连接的显示3d虚拟仓库货架并在3d虚拟仓库货架上显示物料所属仓库位置的显示系统和设置在仓库货架上的指示灯及电子铭牌。管理方法：包括领料单生成步骤；物料单接收步骤；物料信息提示步骤，该专利无法在3d虚拟仓库上直观地进行业务操作，本发明3d虚拟仓库与实时监控画面相结合，还可以更加全面地了解仓库详情。


技术实现要素：

4.针对现有技术中的缺陷，本发明的目的是提供一种基于网页端3d技术的智能化仓库系统。
5.根据本发明提供的基于网页端3d技术的智能化仓库系统，包括：
6.货架信息配置模块：在仓库中配置货架信息；
7.3d库图配置模块：对3d库区、3d货架和场景进行内容配置；
8.3d虚拟仓库数据收集模块：收集仓库库存实时数据和仓库出入库单据数据；
9.3d虚拟仓库展示模块：在3d虚拟仓库展示画面中查看3d虚拟仓库。
10.优选的，所述货架信息包括：货架编码、货架名称、货架类型、货架状态、货架长度、宽度、每层高度、层数、列数、自重、最大承重量和货位管理类型。
11.优选的，所述货架信息支持新增、修改和删除。
12.优选的，所述3d虚拟仓库展示画面根据货架信息配置模块配置的货架信息进行显示。
13.优选的，所述3d库区配置内容包括：库区编码、库区名称、库区位置、库区宽度、长度、字体颜色、字体大小和文本位置。
14.优选的，所述3d货架配置内容包括：货架板面长宽高、货架支架长宽高和货架位置。
15.优选的，所述场景配置内容包括：是否显示选中特效、是否可鼠标移动场景、是否可鼠标转动场景和是否可鼠标缩放场景；
16.所述3d虚拟仓库展示画面根据3d库图配置模块的配置内容显示3d库区、3d货架和场景。
17.优选的，所述仓库库存实时数据包括：根据仓库库存实时数据得到3d虚拟仓库的货物数据；
18.所述3d虚拟仓库的后台程序通过仓库系统接口按库位查询库位上的货物信息，若库位上存在货物，则在3d虚拟仓库展示画面上显示代表货物的箱子；
19.3d货物详情画面查询货位上所有的货物信息，并按照单个托盘、每层3行3列货物的摆放规则依次叠放货物。
20.优选的，所述仓库出入库单据数据包括：查看采购入库和成品出库单据信息，得到3d虚拟仓库的出入库单据数据；
21.双击3d虚拟仓库展示画面上的货物出入口跳转到仓库出入库单据数据画面。
22.优选的，所述查看3d虚拟仓库包括：
23.整体样貌：各类库区的大小位置、货架的大小位置、货位的大小位置、货物的摆放位置、各类门窗的位置和货物出入口的位置；
24.货物详情：单个库位内不同批次货物的摆放、物料批号、厂内批号、生产批号、物料名称、物料编码、物料分类、数量、单位、件数和库位；
25.单据信息：仓库采购入库和成品出库单据信息；
26.监控信息：连接仓库内监控摄像头，将监控画面通过浏览器视频播放器的方式播放。
27.与现有技术相比，本发明具有如下的有益效果：
28.1、本发明可以根据动态配置，在浏览器上显示3d虚拟仓库；
29.2、本发明极大地方便了仓库管理员或者领导层直观地查看仓库的各类信息；
30.3、本发明可以在3d虚拟仓库上直观地进行较为简单的业务操作；
31.4、本发明3d虚拟仓库与实时监控画面相结合，更加全面地了解仓库详情。
附图说明
32.通过阅读参照以下附图对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：
33.图1为本发明整体结构图；
34.图2为3d虚拟仓库整体样貌图；
35.图3为鼠标单击效果图；
36.图4为物体独立选中图；
37.图5为货物详细信息图；
38.图6为开门关门动画展示图；
39.图7为画面跳转图；
40.图8为货架信息配置图；
41.图9为3d库图配置图；
42.图10为仓库库存实时数据图；
43.图11为仓库出入库单据数据图；
44.图12为网页端3d虚拟仓库展示。
具体实施方式
45.下面结合具体实施例对本发明进行详细说明。以下实施例将有助于本领域的技术人员进一步理解本发明，但不以任何形式限制本发明。应当指出的是，对本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变化和改进。这些都属于本发明的保护范围。
46.本发明遇到的技术难点：
47.1、本发明最大的技术难点在于如何将动态的库存数据和配置数据与3d模型结合，使之能根据实时库存和配置的变化而做出相应的改变；
48.2、此外，若模型数量较多，3d引擎将会耗费较多的资源去渲染模型，导致浏览器画面的帧数急剧降低，这对性能配置不高的电脑是个很大的挑战。
49.解决手段：
50.1、创建一个公共的js，其中存放模型材质信息；将库图环境配置信息、库区信息、货架信息、货位信息、货物信息封装成单独的对象，每个对象都有初始化赋值方法和获取其中数值的方法。在需要读取实时数据的时候，调用后台方法查询数据库，将配置信息、库区信息、货架信息、货位信息、货物信息返回前台js，前台js中将返回来的数据包装进对应的对象中。3d模型引擎库将从这些对象中取得需要的数据来渲染3d模型从而显示在网页上；
51.2、改善3d模型引擎库中构建模型的方法，采用缓存模式创建3d模型，该创建方法将很大地优化模型数量较多时的资源占用多的情况。此外，例如货架、货位等相同的模型，采用复制模式新增模型，该方法也能有效降低模型的节点数，从而优化画面。
52.如图1，为本发明的整体结构图，根据本发明提供的基于网页端3d技术的智能化仓库系统，包括：
53.1、3d虚拟仓库整体样貌，如图2；
54.2、鼠标单击一个物体，可以在物体周围高亮一圈白光突出显示，并在鼠标点击位置的上方显示点击物体的名称，如图3；
55.3、每一个库区、库位、货物等都是可以独立选中的，如图4；
56.4、双击货位上的大箱，可以弹出详细的货物堆放信息，每个货物的物料分类直接通过箱子外包装显示，左上角的侧边栏可以显示货物的批号、数量等详细信息，如图5；
57.5、点击门将以动画形式展现开门和关门的动作，如图6；
58.6、双击货物入口或者出口将会跳转到采购入库或成品出库画面，如图7。
59.以制药企仓库为例，实现过程如下：
60.1、通过整理仓库内的库区布局和放置的货架信息，将每一个库区包含的货架信息新增到货架信息管理画面，如图8；
61.2、根据仓库的布局平面图在3d库图配置管理画面录入每一个库区的大小位置等
信息，同样地录入每一个货架的位置大小等，如图9；
62.3、仓库内的库存数据作为3d虚拟仓库货物信息的数据来源，如图10；
63.4、仓库内的采购入库和成品出库单据数据作为3d虚拟仓库单据信息的数据来源，如图11；
64.5、打开3d虚拟仓库展示画面，可以根据需要查看所有信息，如图12。
65.本领域技术人员知道，除了以纯计算机可读程序代码方式实现本发明提供的系统、装置及其各个模块以外，完全可以通过将方法步骤进行逻辑编程来使得本发明提供的系统、装置及其各个模块以逻辑门、开关、专用集成电路、可编程逻辑控制器以及嵌入式微控制器等的形式来实现相同程序。所以，本发明提供的系统、装置及其各个模块可以被认为是一种硬件部件，而对其内包括的用于实现各种程序的模块也可以视为硬件部件内的结构；也可以将用于实现各种功能的模块视为既可以是实现方法的软件程序又可以是硬件部件内的结构。
66.以上对本发明的具体实施例进行了描述。需要理解的是，本发明并不局限于上述特定实施方式，本领域技术人员可以在权利要求的范围内做出各种变化或修改，这并不影响本发明的实质内容。在不冲突的情况下，本技术的实施例和实施例中的特征可以任意相互组合。