# 服务器监控管理平台

## 项目简介

这是一个基于Vue3 + Flask + MySQL的企业级服务器监控管理平台，支持服务器管理、脚本管理、批量执行、用户权限管理等功能。

## 技术架构

### 前端技术栈
- **Vue 3** - 渐进式JavaScript框架
- **Ant Design Vue** - 企业级UI组件库
- **Tailwind CSS** - 实用程序优先的CSS框架
- **Pinia** - Vue状态管理
- **Vue Router** - 官方路由管理器
- **Axios** - HTTP客户端

### 后端技术栈
- **Flask** - 轻量级Web应用框架
- **SQLAlchemy** - Python ORM
- **MySQL 8.0** - 关系型数据库
- **JWT** - JSON Web Token认证
- **Paramiko** - SSH客户端库

## 功能特性

### 🔐 用户认证与权限管理
- JWT Token认证
- 基于角色的权限控制（RBAC）
- 用户状态管理（启用/禁用）

### 🖥️ 服务器管理
- 服务器信息维护（IP、端口、用户名等）
- 实时连接状态检测
- 服务器连接测试

### 📝 脚本管理
- 支持Shell、Python、SQL脚本
- 脚本内容编辑器
- 脚本分类和版本管理

### ⚡ 批量执行
- 选择多台服务器批量执行脚本
- 并发执行，提高效率
- 实时查看执行结果和输出
- 执行历史记录查询

### 📊 控制台面板
- 关键指标统计
- 最近执行记录
- 服务器状态概览

## 安装部署

### 环境要求
- Node.js 16+
- Python 3.8+
- MySQL 8.0+

### 前端部署

1. 安装依赖
\`\`\`bash
npm install
\`\`\`

2. 开发环境运行
\`\`\`bash
npm run dev
\`\`\`

3. 生产构建
\`\`\`bash
npm run build
\`\`\`

### 后端部署

1. 创建虚拟环境
\`\`\`bash
cd backend
python -m venv venv
source venv/bin/activate  # Windows: venv\\Scripts\\activate
\`\`\`

2. 安装依赖
\`\`\`bash
pip install -r requirements.txt
\`\`\`

3. 配置数据库
- 创建MySQL数据库 \`server_monitor\`
- 修改 \`app.py\` 中的数据库连接配置

4. 初始化数据库
\`\`\`bash
python init_db.py
\`\`\`

5. 运行应用
\`\`\`bash
python app.py
\`\`\`

### 数据库配置

创建MySQL数据库：
\`\`\`sql
CREATE DATABASE server_monitor CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
\`\`\`

## 使用说明

### 默认账户
- 用户名：\`admin\`
- 密码：\`admin123\`

### 基本使用流程

1. **登录系统** - 使用默认管理员账户登录
2. **添加服务器** - 在服务器管理页面添加要管理的服务器
3. **创建脚本** - 在脚本管理页面创建执行脚本
4. **批量执行** - 选择服务器和脚本进行批量执行
5. **查看结果** - 查看执行结果和历史记录

### 权限说明

系统支持三种角色：
- **管理员（admin）** - 拥有所有权限
- **操作员（operator）** - 可执行脚本，管理服务器和脚本
- **查看员（viewer）** - 只能查看信息，不能进行操作

## 项目结构

\`\`\`
cloudPlat/
├── src/                    # 前端源码
│   ├── api/               # API接口
│   ├── components/        # 公共组件
│   ├── layout/           # 布局组件
│   ├── router/           # 路由配置
│   ├── store/            # 状态管理
│   ├── views/            # 页面组件
│   └── style.css         # 全局样式
├── backend/               # 后端源码
│   ├── routes/           # API路由
│   ├── models.py         # 数据模型
│   ├── app.py           # Flask应用
│   └── requirements.txt  # 依赖包
├── package.json          # 前端依赖配置
├── vite.config.js       # Vite配置
└── README.md            # 项目说明
\`\`\`

## 开发说明

### 代码规范
- 遵循ESLint和Prettier代码格式化
- 使用TypeScript类型检查（推荐）
- 组件命名采用PascalCase
- 文件命名采用kebab-case

### 安全特性
- JWT Token过期机制
- 密码哈希存储
- SQL注入防护
- CORS跨域保护

## 许可证

MIT License

## 技术支持

如有问题，请提交Issue或联系开发团队。