# ComputerRoom

**Repository Path**: bugmoto/computer-room

## Basic Information

- **Project Name**: ComputerRoom
- **Description**: 基于three.js开发的3d机房展示，根据zabbix拓扑图生成机柜信息，根据zabbix api获取监控数据
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2024-04-06
- **Last Updated**: 2024-04-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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 代码，但是由于没有必要这部分代码我注释掉了，如果有兴趣对功能进行扩展可以查看一点代码，进行修改扩展