60a039f10700a4e83eac5e78e188147c2bd81469
🌐 无人机巡查平台
基于xMagic实现的前后端分离架构的无人机巡查平台
本项目用于实现对边坡状态的实时监控与数据分析,保障地质安全。系统采用前后端分离设计,前端使用 Vue.js,后端基于 xScript 开发。
🗂 项目结构
CJGIS_UAVPatrol/
├── server/ # 后端服务目录
| └── init.js # 后端配置文件
| └── main.js # 后端服务入口
| └── init.sql # 数据库初始化脚本
├── ui/ # 前端项目目录
├── README.md # 项目说明文档
server:后端服务逻辑、接口、数据库交互等。ui:前端界面,基于 Vue 框架开发。
⚙️ 配置说明
🖥 前端配置 (ui/.env)
配置后端 API 地址:
VUE_APP_API_URL=http://172.16.17.32:8000
示例:若需切换环境,请修改此地址指向目标后端服务。
🔽 后端配置 (server/init.js)
配置数据库连接信息:
SQL.new(
"system_sql",
"mysql",
// `${os.getEnv('MYSQL_DSN')}`,
"shkc:yjpPdLXmMMsz7XGx@tcp(43.136.167.160:3306)/shkc",
1024 // 声明缓存池大小
);
✅ 确保数据库服务可访问,并已创建对应数据库。
🚀 指令说明
🎨 前端 (ui/ 目录下执行)
| 命令 | 说明 |
|---|---|
npm install |
安装依赖 |
npm run dev |
启动开发服务器(测试) |
npm run serve |
启动生产环境服务 |
npm run build |
打包编译项目 |
推荐开发时使用
dev,部署前使用build生成静态资源。
⚙️ 后端 (server/ 目录下执行)
| 命令 | 说明 |
|---|---|
./xe main.js |
启动正式服务 |
./xe test.js |
启动测试服务 |
确保数据库配置正确并能正常连接。
🌍 部署访问
🔗 当前部署地址: 👉 https://shkc.p-q.co/app/panel/#/login
🔐 默认登录账号:
- 账户:
root - 密码:
LMxeon5x
📝 注意事项
- 请确保前后端服务在同一网络环境下互通。
- 生产部署建议使用 Nginx 反向代理前端,PM2 托管后端服务。
- 定期备份数据库,防止数据丢失。
📂 技术栈(建议补充)
- 前端:Vue.js, Vue Router, Axios, Element UI
- 后端:Node.js, Express/Koa, MySQL, Sequelize/Knex
- 部署:Nginx, PM2, Docker
💡 如有疑问或问题,请联系项目负责人或查阅内部文档。
📌 Version: 1.0.0 📅 Last Updated: 2025-04-05
Description
Languages
JavaScript
94.9%
Vue
4.2%
TypeScript
0.6%
SCSS
0.3%