【智慧城市】2025年湖北大学暑期实训优秀作品(3):基于WebGIS的南京市古遗迹旅游管理系统
PART 01 项目介绍
01 项目背景
(1)南京文化遗产资源丰富性与管理挑战:南京作为“十朝都会”,拥有城墙、明孝陵、夫子庙等大量古遗迹,资源空间分布广、历史信息多维,传统管理方式存在数据分散、更新滞后、保护监测困难等问题。与苏州、上海等周边旅游城市相比,南京旅游业亟需通过数字化手段提升资源整合效率和管理水平。
(2)国家文化保护战略的推动:国家强调“历史文化遗产承载中华民族基因”,要求利用科技延续城市文脉。政策明确提出需构建全域覆盖的历史文化资源数据库,并通过数字化技术实现动态保护,为系统开发提供了政策依据。
02 项目意义
03 系统构思
利用python绘制架构图
生成效果
PART 02
功能展示
系统名称:南京古遗迹旅游管理系统
系统分为两个部分:用户界面与管理者界面
核心功能:对景点位置进行查看,搜索,导航
进入页面展示
01 两个部分
管理者界面:
1. 景点分布地图
2. 热力地图
3. 景点信息
4. 问题上报管管理
5. 用户
用户界面:
1. 景点分布地图
2. 热力地图
02 核心功能
搜索景点:
1. 按名字搜索
2. 按等级搜索
3. 按区域收索
导航至景点:
根据浏览器定位,获取当前位置,选取交通方式,进行导航。
展示热力图:
通过景点地理位置数据,进行热力图制作,给游客出行提供参考。
03 管理者特有功能
1.景点信息界面
管理员可在此界面修改景点介绍信息
2.问题管理界面
此界面用于处理游客提交的景点问题
3.用户管理界面此界面
用于处理游客提交的景点问题
04 基础功能
注册与登录
普通用户界面
管理者用户界面
PART 03 难点与亮点
01 项目难点
1.WebGIS技术与前端框架的深度融合
系统需将高德地图API与Vue3框架结合,实现动态地图交互(如自定义区域选择、实时路径规划、热力图渲染)。开发中面临地图加载延迟、多图层叠加冲突等问题。通过优化地图加载策略(异步加载插件)、封装地图钩子函数(useGaoDeMap.js)及利用Redis缓存热点坐标数据,最终实现地图响应速度提升,确保景点导航与区域选择功能稳定运行。
2.多角色权限体系的精细化管控
系统需区分管理员(全权限)与普通用户(有限权限),涉及景点信息修改、问题上报处理、用户管理等功能的权限隔离。难点在于通过 Spring Security+JWT 实现无状态会话的权限校验,并在前端路由(router/index.js)中动态渲染导航栏。通过自定义权限指令和后端角色拦截器,实现了权限粒度精确到功能按钮级,确保不同角色操作边界清晰。
项目难点
02 项目亮点
1.动态地图交互与空间分析能力
基于高德地图API实现了多样化空间功能:支持圆形/多边形区域选择(用户可框选范围并展示范围内景点)、实时路径规划(提供步行、驾车等多种出行方式导航)、热力图可视化(展示景点热度分布),突破了传统旅游系统的静态展示局限,让用户能直观掌握空间分布与游览动线。
2.众包数据采集
设计 “众包数据采集” 功能,普通用户可通过系统上报遗迹破损信息,管理员在后台(问题上报管理界面)处理反馈,形成 “公众-管理方” 的闭环互动。
3. 精细化权限管控与角色适配
通过Spring Security+JWT实现管理员与普通用户的权限隔离:管理员可修改景点信息、处理问题上报;普通用户仅可使用地图浏览、导航、问题上报等基础功能。前端通过路由配置动态渲染导航栏,确保不同角色界面简洁且功能适配,提升系统安全性与易用性。
4.技术栈的高效整合与性能优化
采用前后端分离架构(Vue 3+Spring Boot),结合MySQL存储核心数据、Redis缓存热点信息,实现高并发场景下的稳定响应。前端使用Vite提升构建速度,后端通过MyBatis优化复杂SQL查询,整体系统在多用户同时在线时仍能保持流畅的地图交互与数据加载。
PART 04
总结和心得
1.用户需求导向的开发思路
从初期聚焦“导航与浏览”,到后期加入“众包问题上报”“热力图分析”,我们深刻体会到:系统开发需扎根实际需求。南京古遗迹的保护与旅游体验提升,不仅需要技术支撑,更需要贴合用户(游客、管理者)的真实场景。
2.技术整合的实践价值
项目验证了WebGIS技术与现代化开发框架(Vue 3、Spring Boot)结合的可行性。通过解决高德地图API与前端框架的兼容问题、权限体系的精细化设计等挑战,我们掌握了空间数据处理、前后端数据交互、多角色权限管控的核心方法,为地理信息系统开发积累了可复用的技术经验。
3.团队协作与分工的重要性
项目涉及前端地图交互、后端逻辑开发、数据库设计等多环节,团队通过明确分工(前端专注地图可视化,后端聚焦数据安全与权限,GIS 数据组负责遗迹坐标整理)高效推进。
webgis开发学习路线+入门资料戳↓↓免费获取