pg9nrcf7t
/
project
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'yybn'
${ noResults }
project/Src/command_center/web-command-center
History
zhang_heng c2b65d5af3
1 		6 months ago
..
backend 1 6 months ago
database 1 6 months ago
frontend 1 6 months ago
CHANGES_SUMMARY.md 实现危险区设置 6 months ago
PATHPLANNING_IMPLEMENTATION.md 实现A*路径规划 6 months ago
PATH_HISTORY_GUIDE.md 实现一对多规划 6 months ago
README.md 系统重构 6 months ago
README_UNIFIED_MAP.md 实现危险区设置 6 months ago
test-astar-debug.js 实现A*路径规划 6 months ago
test-high-precision-astar.js 实现一对多规划 6 months ago
test-history-api.html 实现一对多规划 6 months ago
test-path-loading.html 实现一对多规划 6 months ago
test-path-planning.js 实现A*路径规划 6 months ago
test-path-segment-fix.js 实现一对多规划 6 months ago
test-threat-detection-fix.js 实现一对多规划 6 months ago
test-threat-zones.js 实现A*路径规划 6 months ago

README.md
Escape

无人机指挥控制中心 Web 系统

这是一个基于Web的无人机指挥控制中心系统，采用前后端分离架构，使用高德地图API实现实时地图展示。

技术栈

前端

  • Vue.js 3
  • Element Plus
  • 高德地图 JavaScript API
  • Socket.IO Client

后端

  • Node.js
  • Express
  • MySQL
  • Socket.IO

系统要求

  • Node.js >= 14.0.0
  • MySQL >= 5.7
  • 现代浏览器（Chrome, Firefox, Safari, Edge）

安装步骤

  1. 克隆项目
git clone [项目地址]
cd web-command-center
  1. 安装后端依赖
cd backend
npm install
  1. 安装前端依赖
cd ../frontend
npm install
  1. 配置环境变量
  • 在backend目录下创建.env文件：
DB_HOST=localhost
DB_USER=your_username
DB_PASSWORD=your_password
DB_NAME=command_center
JWT_SECRET=your_jwt_secret
PORT=3000
  • 在frontend目录下创建.env文件：
VUE_APP_API_URL=http://localhost:3000
VUE_APP_AMAP_KEY=your_amap_key
  1. 初始化数据库
cd backend
mysql -u your_username -p < src/config/init.sql
  1. 启动服务
# 启动后端服务
cd backend
npm run dev

# 启动前端服务
cd frontend
npm run serve

功能特性

  • 实时地图展示
  • 无人机状态监控
  • 路径规划
  • 用户认证和授权
  • 实时数据更新
  • 操作日志记录

目录结构

web-command-center/
├── frontend/                # 前端项目
│   ├── src/
│   │   ├── assets/         # 静态资源
│   │   ├── components/     # 组件
│   │   ├── views/          # 页面
│   │   ├── router/         # 路由配置
│   │   ├── store/          # Vuex状态管理
│   │   └── App.vue         # 根组件
│   └── package.json
│
├── backend/                 # 后端项目
│   ├── src/
│   │   ├── config/         # 配置文件
│   │   ├── routes/         # 路由处理
│   │   ├── middleware/     # 中间件
│   │   └── app.js          # 应用入口
│   └── package.json
│
└── README.md

开发指南

  1. 前端开发
  • 使用Vue.js 3的组合式API
  • 使用Element Plus组件库
  • 使用高德地图JavaScript API进行地图操作
  1. 后端开发
  • 遵循RESTful API设计规范
  • 使用JWT进行身份认证
  • 使用Socket.IO实现实时通信

部署

  1. 构建前端
cd frontend
npm run build
  1. 配置生产环境
  • 设置适当的环境变量
  • 配置数据库连接
  • 配置高德地图API密钥
  1. 启动生产服务
cd backend
npm start

安全注意事项

  • 确保JWT密钥的安全性
  • 定期更新依赖包
  • 实施适当的访问控制
  • 保护敏感配置信息

许可证

MIT License