基于three.js的智慧数据中心管理方法及系统技术方案

本发明专利技术提供了一种基于three.js的智慧数据中心管理方法及系统，该方法包括：通过Vue的前端框架进行视图层开发，创建客户端，并利用three.js进行Web开发，构建3D场景和各个设备模型；搭建系统的架构，将服务端数据与各个设备模型关联起来，构建所需的数据模型，每个设备模型都关联服务端数据；显示3D场景、设备模型、各个设备模型对应的菜单数据和各个功能；客户端与服务端进行通讯，从服务端获取数据，更新每个设备模型对应的菜单数据并显示；根据需求通过客户端向服务器发送请求，客户端获取服务器的反馈信息后进行显示。采用本发明专利技术的技术方案，减少内存资源占用，提高了运行速度，增加了可维护性。

【技术实现步骤摘要】
基于three.js的智慧数据中心管理方法及系统
本专利技术属于互联网
，尤其涉及一种基于three.js的智慧数据中心管理方法及系统。
技术介绍
随着大数据云计算时代的到来，硬件设备的性能以及管理变得尤为重要，数据中心是集设备与管理为一体的存在。运维对其的管理，除了基本的巡检，更多时候是需要软件对各设备采集到的数据进行集中管理监控，并结合3D大屏进行展示，打破了传统数据图表的呈现形式，让运维管理更得简单、直观、高效。目前3D场景中存在的就是建模技术、显示技术、交互技术的融合。一般复杂模型都采用了3DMax导入数据模型，如果在数据模型较简单的情况下，采用此种技术就存在资源浪费，占用内存的问题。前后端数据通讯一般采用websocket全双工通信技术，但是当后端不支持这种通信技术时，数据的获取只能第一次得到后无法进行实时更新以及页面数据的及时更新。
技术实现思路
针对以上技术问题，本专利技术公开了一种基于three.js的智慧数据中心管理方法及系统，对此，本专利技术采用的技术方案为：一种基于three.js的智慧数据中心管理方法，其特征在于，其包括：通过Vue的前端框架进行视图层开发，创建3D场景的客户端，并利用three.js进行Web开发，构建3D场景和各个设备模型，并设定各个设备模型之间的对应关系；搭建系统的架构，将服务端数据与各个设备模型关联起来，构建所需的数据模型，每个设备模型都关联服务端数据；显示3D场景、设备模型、各个设备模型对应的菜单数据和各个功能；客户端与服务端进行通讯，从服务端获取数据，并进行数据处理，更新每个设备模型对应的菜单数据并显示；根据需求通过客户端向服务器发送请求，所有的请求通过api请求缓存池，按照设定的算法发送给后台服务器，客户端获取服务器的反馈信息后进行显示。作为本专利技术的进一步改进，各个设备模型的位置采用函数进行定位；采用threebsp技术裁剪美化3D场景和各个设备模型。进一步的，所述美化包括将各个设备模型与实际物体的尺寸按照比例进行裁剪然后纹理贴图。美化的物体包括墙体，机箱机柜硬盘，主板等。作为本专利技术的进一步改进，所述系统与根节点的redfish接口对应，其他的api对应url从redfish/v1根节点获取。作为本专利技术的进一步改进，所述系统包括登陆界面以及3D显示界面，所述3D显示界面通过js文件和Vue组件共同作用达到效果。作为本专利技术的进一步改进，所述数据模型包括机柜管理信息、机箱管理信息、主板管理信息、主板系统信息和主板所插入硬盘信息。本专利技术还公开了一种基于three.js的智慧数据中心管理系统，其包括：3D场景搭建模块，通过Vue的前端框架进行视图层开发，创建3D场景的客户端，并利用three.js进行Web开发，构建3D场景和各个设备模型，并设定各个设备模型之间的对应关系；系统架构搭建模块，搭建系统的架构，将服务端数据与各个设备模型关联起来，构建所需的数据模型，每个设备模型都关联服务端数据；设备数据及基本功能显示模块，显示3D场景、设备模型、各个设备模型对应的菜单数据和各个功能；客户端与服务端进行通讯，从服务端获取数据，并进行数据处理，更新每个设备模型对应的菜单数据并显示；交互模块，根据需求通过客户端向服务器发送请求，所有的请求通过api请求缓存池，按照设定的算法发送给后台服务器，客户端获取服务器的反馈信息后进行显示。作为本专利技术的进一步改进，所述3D场景搭建模块中，针对各个设备模型的位置采用函数进行定位，并采用threebsp技术裁剪美化3D场景和各个设备模型。作为本专利技术的进一步改进，所述系统架构搭建模块中，系统与根节点的redfish接口对应，其他的api对应url从redfish/v1根节点获取。作为本专利技术的进一步改进，所述系统包括登陆界面以及3D显示界面，所述3D显示界面通过js文件和Vue组件共同作用达到效果；所述数据模型包括机柜管理信息、机箱管理信息、主板管理信息、主板系统信息和主板所插入硬盘信息。作为本专利技术的进一步改进，所述系统的架构包含请求发送模块、基类模块、数据处理模块、线程池和数据更新模块，所述基类模块包括场景模块、设备模型模块，所述场景模块包括相机控制模块、场景渲染模块、2D菜单显示添加模块、光线调整模块、物体定位模块、事件监听模块、模型更新模块。进一步的，所述设备模型模块包括机柜、机箱、主板、刀片、硬盘。与现有技术相比，本专利技术的有益效果为：采用本专利技术的技术方案，以Vue架构为基础创建3D场景的客户端，不仅能够有效的融合第三方库three.js，而且双向的数据绑定提高了开发的效率。并采用分层构建模型与数据，设备具体信息需要的api请求放入缓存池中，防止请求过多浏览器卡顿，数据无法及时更新的问题；同时也解决了导入数据模型占用内存资源的问题。使用动态建立模型方式，及后台数据发生改变，3D场景中模型或增加或减少。附图说明图1是本专利技术一种实施例的场景搭建的示意图。图2是本专利技术一种实施例的系统结构的示意图。图3是本专利技术一种实施例的设备数据关联图。具体实施方式下面对本专利技术的较优的实施例作进一步的详细说明。一种基于three.js的智慧数据中心管理系统，其主要包括3D场景的搭建，系统架构搭建、设备数据及基本功能显示，交互式基本操作。3D场景的搭建，通过Vue的前端框架进行视图层开发，创建3D场景的客户端，并利用three.js进行Web开发，构建3D场景和各个设备模型，并设定各个设备模型之间的对应关系。3D场景中，物体的构建模型种类不多，可以复用。如图1所示，所述3D场景包含地板砖、房间的墙体、设备模型，可以three.js存在大量的API来实现这些。需要美化的物体采用threebsp技术裁剪，将模型与实际物体的尺寸按照比例进行裁剪然后纹理贴图，美化的物体包括墙体，机箱机柜硬盘，主板。从图1可以看出，机柜是属于场景里面的一部分，其位置可以用函数来定位。但是机箱是属于在机柜里面，主板风扇硬盘却是属于机箱里面，其对应位置却不是相对于大场景，相对于他们从属的设备。系统架构搭建，搭建系统的架构，将服务端数据与各个设备模型关联起来，构建所需的数据模型，每个设备模型都关联服务端数据。此系统对应的是只有根节点的redfish接口，这种接口传回来的数据是以redfish/v1为根节点，其他的api对应url从这个根节点获取。并且其他数据对应的url会发生动态变化。为此需要封装获取对应url地址，以及数据处理的模块。辅助插件采用threebsp、three-orbitcontrols、three-css2drender。页面的渐进式构建框架采用Vue，交互需要用到插件包括axios、jquery。此系统包括登陆界面以及3D显示界面，主要的3D显示通过js文件和Vue组件共同作用达到效果。如图2所示，此系统包括不仅限于(本文档来自技高网...

【技术保护点】
1.一种基于three.js的智慧数据中心管理方法，其特征在于，其包括：/n通过Vue的前端框架进行视图层开发，创建3D场景的客户端，并利用three.js进行Web开发，构建3D场景和各个设备模型，并设定各个设备模型之间的对应关系；/n搭建系统的架构，将服务端数据与各个设备模型关联起来，构建所需的数据模型，每个设备模型都关联服务端数据；/n显示3D场景、设备模型、各个设备模型对应的菜单数据和各个功能；/n客户端与服务端进行通讯，从服务端获取数据，并进行数据处理，更新每个设备模型对应的菜单数据并显示；/n根据需求通过客户端向服务器发送请求，所有的请求通过api请求缓存池，按照设定的算法发送给后台服务器，客户端获取服务器的反馈信息后进行显示。/n

【技术特征摘要】
1.一种基于three.js的智慧数据中心管理方法，其特征在于，其包括：
通过Vue的前端框架进行视图层开发，创建3D场景的客户端，并利用three.js进行Web开发，构建3D场景和各个设备模型，并设定各个设备模型之间的对应关系；
搭建系统的架构，将服务端数据与各个设备模型关联起来，构建所需的数据模型，每个设备模型都关联服务端数据；
显示3D场景、设备模型、各个设备模型对应的菜单数据和各个功能；
客户端与服务端进行通讯，从服务端获取数据，并进行数据处理，更新每个设备模型对应的菜单数据并显示；
根据需求通过客户端向服务器发送请求，所有的请求通过api请求缓存池，按照设定的算法发送给后台服务器，客户端获取服务器的反馈信息后进行显示。


2.根据权利要求1所述的基于three.js的智慧数据中心管理方法，其特征在于：各个设备模型的位置采用函数进行定位；采用threebsp技术裁剪美化3D场景和各个设备模型；（所述美化包括将各个设备模型与实际物体的尺寸按照比例进行裁剪然后纹理贴图）。


3.根据权利要求1所述的基于three.js的智慧数据中心管理方法，其特征在于：所述系统与根节点的redfish接口对应，其他的api对应url从redfish/v1根节点获取。


4.根据权利要求3所述的基于three.js的智慧数据中心管理方法，其特征在于：
所述系统包括登陆界面以及3D显示界面，所述3D显示界面通过js文件和Vue组件共同作用达到效果；
所述数据模型包括机柜管理信息、机箱管理信息、主板管理信息、主板系统信息和主板所插入硬盘信息。


5.一种基于three.js的智慧数据中心管理系统，其特征在于：其包括：
3D场景搭建模块，通过Vue的前端框架进行视图层开发，创建3D场景的客户端，并利用three.j...

【专利技术属性】
技术研发人员：曹莉，
申请(专利权)人：深圳市国鑫恒运信息安全有限公司，
类型：发明
国别省市：广东;44