# navigation_platform

**Repository Path**: liam0101/navigation_platform

## Basic Information

- **Project Name**: navigation_platform
- **Description**: 聚合导航到不同的网址
- **Primary Language**: Python
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-10
- **Last Updated**: 2025-10-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 监控系统聚合导航平台

## 项目简介

这是一个聚合导航平台，用于统一管理和访问部署在不同地区的监控系统。支持自动解析页面路由，提供便捷的导航功能。

## 功能特性

- **多地区支持**: 支持镇江、雍熙、同方三个地区的监控系统
- **自动路由解析**: 自动解析监控首页、报警详情、数据统计三个页面的路由
- **配置管理**: 可视化配置各地区的服务器地址和端口
- **连接测试**: 实时测试各地区服务器的连接状态
- **统一界面**: 参考原有web_server的样式，保持界面一致性

## 安装和运行

### 1. 创建虚拟环境

```bash
# 创建虚拟环境
python -m venv venv

# 激活虚拟环境 (Windows)
venv\Scripts\activate

# 激活虚拟环境 (Linux/Mac)
source venv/bin/activate
```

### 2. 安装依赖

```bash
pip install -r requirements.txt
```

### 3. 运行应用

```bash
python app.py
```

应用将在 `http://localhost:8080` 启动。

## 使用说明

### 主页导航

- 访问 `http://localhost:8080` 查看导航主页
- 点击各地区卡片可快速访问对应的监控系统
- 支持的页面路由：
  - 监控首页: `/`
  - 报警详情: `/alarm_details`
  - 数据统计: `/statistics`

### 配置管理

1. 点击左侧导航栏的"配置管理"进入配置页面
2. 填写各地区的服务器地址和端口
3. 点击"测试连接"验证服务器可用性
4. 点击"保存配置"保存设置

### 配置文件格式

配置信息保存在 `config.json` 文件中：

```json
{
  "sites": {
    "镇江": {
      "name": "镇江监控中心",
      "base_url": "http://192.168.1.100:5000",
      "status": "已连接",
      "last_check": "2024-01-15 10:30:00"
    },
    "雍熙": {
      "name": "雍熙监控中心",
      "base_url": "http://192.168.1.101:5000",
      "status": "已连接",
      "last_check": "2024-01-15 10:30:00"
    },
    "同方": {
      "name": "同方监控中心",
      "base_url": "http://192.168.1.102:5000",
      "status": "已连接",
      "last_check": "2024-01-15 10:30:00"
    }
  }
}
```

## 项目结构

```
navigation_platform/
├── app.py                 # Flask应用主文件
├── config.json           # 配置文件
├── requirements.txt      # Python依赖
├── README.md            # 项目说明
├── templates/           # HTML模板
│   ├── index.html       # 导航主页
│   └── config.html      # 配置页面
└── static/             # 静态资源
    └── css/
        └── font-awesome-local.css  # 图标样式
```

## API接口

### 获取配置
- **URL**: `/api/config`
- **方法**: GET
- **返回**: JSON格式的配置信息

### 保存配置
- **URL**: `/api/config`
- **方法**: POST
- **参数**: JSON格式的配置数据
- **返回**: 操作结果

### 测试连接
- **URL**: `/api/test_connection`
- **方法**: POST
- **参数**: `{"site": "地区名称", "url": "服务器地址"}`
- **返回**: 连接测试结果

## 注意事项

1. 确保各地区的监控系统已正常运行
2. 配置服务器地址时请使用完整的URL（包含协议和端口）
3. 建议定期测试各地区服务器的连接状态
4. 如需修改端口，请在app.py中修改相应配置

## 故障排除

### 连接失败
- 检查服务器地址和端口是否正确
- 确认目标服务器是否正常运行
- 检查网络连接和防火墙设置

### 页面无法访问
- 确认Flask应用是否正常启动
- 检查端口8080是否被占用
- 查看控制台错误信息

## 更新日志

### 2024-01-15
- 初始版本发布
- 支持三地区监控系统导航
- 实现配置管理和连接测试功能
- 参考原有web_server样式设计界面