个人独立开发 SLG 联盟指挥管理系统。前端 Vue3,后端 Node.js;实现可视化地图编辑器、战场任务管理、成员战力统计、活动日程看板;支持 Excel/CSV 批量导入导出、拖拽编辑据点、多军团数据隔离、移动端适配、接口来源于第三方,部分接口更新不及时,但基本功能可以使用,且支持离线数据编辑。
预览地址:[https://shapan-bbwg.netlify.app/#/bbwg](https://shapan-bbwg.netlify.app/#/bbwg)
1. 可视化地图编辑器
拖拽放置据点 / 成员铭牌,自由布局地图
据点标记、归属阵营标注,据点信息自定义编辑
2. 战场 / 遗迹争霸管理模块
双军团独立战场数据隔离,互不干扰
据点 PK 进度可视化进度条,记录对战状态
战场任务分配、人员派遣登记,任务表格管理
3. 成员数据管理与统计
成员战力筛选、区间快速检索、UID 去重
成员标签标记(车头 / 主力 / 预备等),全局状态同步
联盟实力对比统计,快速查看联盟战力分布
4. 活动日历看板
自定义横条式活动日程,支持跨天活动展示
点击日期查看当日活动,管理、编辑联盟活动安排
5. 文件导入导出(核心亮点)
Excel/CSV/JSON 导入成员数据,批量录入
支持表格数据导出备份、压缩打包(fflate)
数据本地保存,浏览器刷新不丢失
6. 多端适配与工程优化
移动端 / 手机端布局适配,小屏自动裁剪冗余入口
解决第三方 CDN 加载异常、Chunk 打包加载报错
打包清理本地调试代码,dist 包可直接在 Netlify、Cloudflare Pages 等静态平台部署
7.前后端
Node 后端:负责数据处理、文件解析、业务逻辑处理;
Vue3 前端:复杂交互、弹窗抽屉、表格、拖拽组件开发;