1、在MS SQlSERVER中新建立体仓库数据表格
A：库区表格
表名Area
说明Area序号名称类型Null默认说明其他1Novarchar(10)PK库区编码主键2Namevarchar(100)库区名称3Lengthint(4)库区的长度4Widthint(4)库区的宽度5PositionXint(4)库区坐标X轴6PositionZint(4)库区坐标Z轴7TitleTextvarchar(50)标题名称8TitleFontSizeint(4)标题文字尺寸9TitleTextColorvarchar(10)标题文字颜色10TitlePositionXint(4)标题位置X轴11TitlePositionZint(4)标题位置Z轴其他说明表名
B： 仓库表格
表名Store
说明Store序号名称类型Null默认说明其他1Novarchar(50)PK仓库编码主键2AreaNovarchar(20)库区编码外键3Namevarchar(50)仓库名称4Lengthint(4)仓库长度5Widthint(4)仓库宽度6Heightint(4)仓库高度7PositionXint(4)仓库位置X轴8PositionYint(4)仓库位置Y轴9PositionZint(4)仓库位置Z轴10RotationYint(4)旋转角度其他说明
C: 仓库组表格
表名Group
说明Group名称类型Null默认说明其他1Novarchar(10)PK组号主键2Namevarchar(20)组名称3StoreNovarchar(10)仓库编码外键4PositionXint(4)组位置X轴5PositionYint(4)组位置Y轴6PositionZint(4)组位置Z轴7Lengthint(4)长度8Widthint(4)宽度9Heightint(4)高度10BinLengthint(4)库位长度11BinWidthint(4)库位宽度12BinHeightint(4)库位高度13BottomHeightint(4)仓库底部高度14BinXNumint(4)库位X轴数量15BinYNumint(4)库位Y轴方向数量16BinZNumint(4)库位Z轴方向数量其他说明
D：库位表格
表名Bin
说明Bin名称类型Null默认说明其他1Novarchar(20)PK库位编码主键2Objidint(4)IK3Namevarchar(20)库位名称4GroupNovarchar(10)组名称外键5Rowint(4)行号6Colint(4)列号7Layerint(4)层号8Barcodevarchar(20)承载物料条码9IsLoadint(4)是否有料10Stateint(4)状态其他说明
2、通过WebAPI创建web服务
Web Service：
1、它是基于SOAP协议的，数据格式是XML 2、只支持HTTP协议 3、它不是开源的，但可以被任意一个了解XML的人使用 4、它只能部署在IIS上
Web API：
1、这是一个简单的构建HTTP服务的新框架 2、在.net平台上Web API 是一个开源的、理想的、构建REST-ful 服务的技术 3、不像WCF REST Service.它可以使用HTTP的全部特点（比如URIs、request/response头，缓存，版本控制，多种内容格式） 4、它也支持MVC的特征，像路由、控制器、action、filter、模型绑定、控制反转（IOC）或依赖注入（DI），单元测试。 5、它可以部署在应用程序和IIS上 6、这是一个轻量级的框架，并且对限制带宽的设备，比如智能手机等支持的很好 7、Response可以被Web API的MediaTypeFormatter转换成Json、XML 或者任何你想转换的格式。
如何创建一个WebApi
网络上的资源非常多，这里就不具体说了，可以根据项目实战参照具体代码。
3、通过JS访问WebApi服务
一般的get请求我们可以使用jquery提供的
.
g
e
t
(
)
或
者
.get() 或者
.get()或者.ajax({type:“get”}) 来实现：
$.ajax({
url: "http://127.0.0.1:8083//api/Store",
type: 'GET',
dataType: 'JSON',
data: {},
success: function (data) {
console.log(eval('(' + data + '));
}
});
4、具体项目实现
setInterval("getStoreData()",1000);
var getStoreData = function () {
$
.ajax({
url
: "http://127.0.0.1:8082//api/Store",
type
: 'GET',
dataType
: 'JSON',
data
: {},
success
: function (data
) {
window
.localStorage
.setItem('Store3DData',data
);
}
});
}
我们将库存信息存到数据库中，然后通过webApi将信息取出，想过如下：
项目代码
如果大家需要更加详细的讲解和全部源代码的话，可以看一下我的网易云课堂。当然剩下的博客我也会把核心代码给大家列出来。 大家可以看看我的网易云课堂
网易云课堂-threejs3D智能工厂应用
