174 lines
3.9 KiB
Markdown
174 lines
3.9 KiB
Markdown
|
# 服务器监控管理平台
|
|||
|
|
|
|||
|
|
## 项目简介
|
|||
|
|
|
|||
|
|
这是一个基于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或联系开发团队。
|