目录
任务2效果展示（燃气站场信息管理系统，实际过程中我们做了两套，对任务2的8个功能进行了拆分，各自4个功能）
背景与分析：
思路分析：
我们接到了一份辅导委托，期望我们能帮助客户开发完成下述的系统与讲解
题目如下所示，其实
核心就是任务1、2、3、4，其中任务1是把开源的demo跑起来，任务2是在任务1的基础上开发一个燃气站管理系统，任务3、4则是更进阶的需求，
1：我们实际的辅导思路是完成任务1、2，
2：对任务3实现部分功能，具体对应1、基础功能模块与2、辅助功能模块，技术上如使用高德插件来实现任务3的地图需求
3：任务4放弃，加上对完成的内容进行代码讲解。帮助客户尽可能弄懂这个项目，因为从实际角度而言，能完成任务1、2其实已经不错了，任务3、4于新手而言需要大量的时间去学习、尝试才有可能做完。
具体题目背景：
课程目标
课程目标
1
：掌握
Spring Boot
框架和
Vue
前后端分析系统开发的基本过程和设计方法；
课程目标
2
：掌握较大规模软件系统的框架系统设计的基本方法，掌握软件综合联调的
基本方法，注重工程思维与创新思维的培养，具有基本的复杂系统应用分析和设计能力；
课程目标
3
：深入理解软件工程、高级程序设计、
Java
语言程序设计、数据库原理、数
据结构、操作系统等课程内容、任务分工及课程之间的衔接关系的目的；能够利用典型框架
进行系统实践与测试，培养学生的动手能力、工程实践能力和综合应用能力；
课程目标
4
：增强对上述课程内容进行综合运用的能力，具备针对实际应用需求设计算
法并进行编程实现的能力，培养学生分析与解决复杂工程实践问题的创新设计能力。
实验简介
软件综合实践是信息类专业的必修课程之一。本课程的教学目的是通过综合设计环节，
掌握当前主流的
Spring Boot
框架以及与第三方技术
Cesium
等整合开发实战内容。通过本课
程的学习，学生能够理解并掌握
Spring Boot+Vue
前后端分离框架的基础知识，同时能够掌
握
Spring Boot+Vue
与常用第三方技术的整合实现实际开发中的业务需求，包括实现
Web
开
发、数据访问、缓存管理、安全管理、消息服务、任务管理和三维虚拟仿真等，以加强对上
述课程内容进行综合运用的能力。。。【后省略】
核心任务1、2、3、4
任务 1：Sping Boot+Vue 信息管理系统，见第二章。
任务 2：在任务 1 的基础上，实现对燃气站场的功能管理，见第三章。
任务 3：在任务 2 的基础上，实现二、三维场景展示及功能扩展，见第四章。
任务 4：在任务1和任务3的基础上，设计并实现三维场景路径规划及大屏展示系统，见第五章。
第二章 Sping Boot+Vue 项目实战（任务一报告）
2.1 前后端分离的信息管理系统
信息管理系统通常采用
B/S
结构下前后端分离开发模式，业务逻辑主要在服务端进行，
而客户端仅需要
Web
浏览器，便于系统运维升级。且
B/S
基于广域网建立，对网络硬件环
境要求较低，因此适应范围更广。使用前后端分离开发模式，一方面保证前后端开发同时进
行，解决传统开发模式下前后端紧耦合问题；另一方面可以在前端对用户输入进行过滤及预
处理，减轻服务端压力。同时为保证高并发情况下系统的业务处理能力，服务端使用服务器
集群提供服务，并在客户端与服务器之间添加负载均衡技术来均衡并发压力，提高系统的吞
吐量。数据存储方面，使用
Redis
集群协助
Mysql
，提高数据响应效率，改善用户体验。本
章实验，同学们可以任选其一开展工作：
1、微人事管理系统（免费，难度较低，教学应用）
：为了方便系统开发，可以参考图书
《
SpringBoot+Vue
全栈开发实战》第
1-16
章内容，该书中的微人事管理系统是一个前后端
分离的人力资源管理系统，项目采用
SpringBoot+Vue
开发，项目加入常见的企业级应用所
涉及到的技术点，例如
Redis
、
RabbitMQ
等。
（
1
）电子版图书下载链接：
链接：
https://pan.baidu.com/s/1rY8Zb4y-AdtWh4VHcZgXTw
提取码：
jkxn
（
2
）源码下载：
https://gitee.com/lenve/vhr
；
（
3
）部署方法：部署的帮助视频参加如下网址
https://mp.weixin.qq.com/s/FoNVyAR1BkYfutFq9sjJNQ
2
、
Flowable
工作流系统
（
PDF
免费需要向作者申请，中等难度，初步商业化软件），相
关资源网址及申请办法如下：
http://www.javaboy.org/2022/1216/tienchin-flowable-pdf.html
3
、
TienChin
健身会员管理系统
（
90%
商业化软件），相关资源网址如下：
https://mp.weixin.qq.com/s/iESPDUWO63Boh52oLI3Eiw
2.2基础环境搭建与配置
微人事管理系统的环境详细搭建流程请参考往届同学的文档，见附件
1
第三章 燃气站场信息管理系统（任务二报告）
在完成第二章信息管理系统的基础上，结合日常生活生产需求，在系统左侧菜单列表中
增加
1
个一级菜单，下面增加
8
个二级菜单，设计日常巡检模块、数据监控模块、设备管理
模块、资料管理模块、安全预警模块、风险分析模块、应急物资模块和应急响应模块，如图
1
所示。
8
个模块具体功能内容请参考硕士论文《基于
Unity3D
的天然气站场三维可视化信
息系统开发》第五章，见附件
2
。
第四章 二、三维地图联动（任务三报告）
在完成第三章信息管理系统的基础上，在
系统左侧菜单列表中增加两个一级菜单，分别
为二维地图展示和三维地图展示
，请参考本章代码将二、三维地图进行集成。项目源码下载：
https://github.com/jiegiser/mapbox_example?tab=readme-ov-file
4.1 mapbox 工具下载
1
、使用
npm
下载
mapbox
工具
，
npm
下载命令为：
npm install --save mapbox-gl
，若网
络不佳可以参考
npmmirror
镜像站：
https://npmmirror.com/
2
、新建
mapbox.js
文件，设置相关参数
token
（可自行在
mpbox
官方注册申请，较麻
烦），代码可参考如下：
4.2mapbox 二维地图集成
使用
mapbox
工具创建二维地图并嵌入到第三章中的燃气站场信息管理系统，实现对二
维地图的集成，地图的位置为。。。
【注意，此处一些信息特意省略】
4.3 mapbox 三维地图集成
使用
mapbox
工具创建二维地图并嵌入到第三章油气管理系统，实现对二维地图的集成，
周围建筑参考按照
【省略地图环境名称】
手动制作，可以调用
Sora
等大模型生成，如图
3
所示。
4.4 二、三维视图联动
完成下二、三维虚拟场景功能，
1
、基础功能模块：
地图浏览、拖搜缩放、视角切换、
坐标显示和光照模拟。
2
、辅助工具模块：
距离测量、面积测量、绘制点、绘制线、绘制面、
添加地标和清空标绘。
3
、场景管理模块：
相机位置移动、文本信息弹窗、园区图片弹窗、
语音介绍功能和视频介绍功能。
4
、场景模型模块（选做）：
添加实体模型（例如：四足机器
人或者人物）、删除实体模型、显示所有实体和缩放至实体。在
4.1
节集成结果的基础上，
如下图
4
所示，在在二、维联动的基础上，在地图上拾取顶点（不少于
20
个），将顶点坐标
自动存入第三章的日常巡检模块数据表中。
第五章 燃气站场路径规划及大屏展示（任务四报告）
为了提高软件综合实践的实用性，本章在任务
3
的基础上实现站场大屏展示功能并设
计基于环境地图的无冲突路径规划算法。
5.1 电子大屏展示
实现电子大屏的展示功能，能够与第三、四章所搭建的燃气站场管理系统实现前后联动，
可以三维动态展示设备、数据监控、资料管理等模块内容。实现步骤如下：
【注意，此处一些内容资料省略】
5.2 电子大屏与燃气站场信息管理系统前后端联动
在第四章二、三维地图联动的基础上，在后端系统的地图上选择
20
个巡检点保存到燃
气站场信息管理系统的数据库中，并在前端的电子大屏上展示，实现前后端联动。
5.3 路径规划算法实现
请同学们按照每位指导的点名册顺序选择对应序号的科研论文，并按照论文中描述的
算法，结合
5.2
节中的三维油气场景拾取的顶点实现路径规划算法，并在大屏中进行展
示。路径规划论文参见百度网盘，
建议结合
deepseek
实现相关的代码，
论文访问地址及密码如下：
5.4 三维路径漫游
在
5.2
节中三维虚拟场景中添加四足机器人三维模型，见附件
3
，并按照
5.3
中算法计
算出的路径在大屏进行漫游展示。
过程：
任务1效果展示（代码跑起来）
任务2效果展示（燃气站场信息管理系统，实际过程中我们做了两套，对任务2的8个功能进行了拆分，各自4个功能）
任务3效果展示（高德插件，地图可绘制点线面）
任务四放弃
源码、演示视频、指导手册获取：
欢迎大家点赞、收藏、关注、评论、批评啦 、查看👇🏻👇🏻获取联系方式👇🏻👇🏻
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
