ComputerRoom: 基于three.js开发的3d机房展示，根据zabbix拓扑图生成机柜信息，根据zabbix api获取监控数据

forked from 水月散花/ComputerRoom

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

修改js代码加载逻辑 5c32604

eui-markdown-editor @ d2c65c6

Loading...

README

# ComputerRoom

#### 介绍

基于 three.js 开发的 3d 机房展示，根据 zabbix 拓扑图生成机柜信息，根据 zabbix api 获取监控数据

#### 软件架构

软件架构说明: JavaScript

#### 安装教程

1.  zabbix 中创建机柜拓扑图,机柜选择类型图片,urls 中添加一个 data,data 内部存放 json 字符串,例如{"positionX": "-150","positionY": "0", "positionZ": "100", "name": "A01", "uNumber": "42", "objType": "emptyCabinet", "show": "1", "alarmLevel": "0" }, positionX/Y/Z:分别代表机柜所在 XYZ 轴位置，name：机柜名称，uNumber 机柜高度:只可以填 2 41 42 三种,objectType,show,alarmLevel 暂时保持这样默认的设置,不需要做额外设置. 服务器选择类型主机，同样在 urls 中添加字段 data,存放 json 字符串{"cabinet": "A01","objType": "server","uIndex": "6","uNumber": "2","show": "1","name": "192.168.213.208" } cabinet:所属机柜名称 objType:支持 server 和 switch，但 switch 的还没做完 uIndex:代表机器所在机柜的位置 UNumber:服务器填 2，交换机填 4 show:默认为 1 name:填机器名称即可
2.  修改 js 中的 config.json，字段是什么意思可以看看里面的注解
3.  点击 index.html

#### 使用说明

1.  配置完毕后点击 html 使用即可，在代码中留有扩展接口，也有与后端 mysql 连接的 node.js 代码，但是由于没有必要这部分代码我注释掉了，如果有兴趣对功能进行扩展可以查看一点代码，进行修改扩展

基于three.js开发的3d机房展示，根据zabbix拓扑图生成机柜信息，根据zabbix api获取监控数据

JavaScript

取消

暂无发行版

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

1

https://gitee.com/styr666/computer-room.git

git@gitee.com:styr666/computer-room.git

styr666

computer-room

ComputerRoom

master