
随着城市机动车保有量的持续增长,停车难问题已成为影响居民出行体验和城市交通秩序的突出痛点。传统停车场普遍依赖人工管理和现场寻位的方式运营,车主在出行前无法获知目的地周边停车场的实时车位信息,到达后往往需要反复绕行寻找空位,不仅浪费时间和燃油,还加剧了局部交通拥堵。与此同时,停车场运营方也面临车位利用率低、收费统计繁琐、缺乏有效数据分析手段等管理困境。因此,开发一套集车位查询、在线预约、智能推荐于一体的停车场预约管理系统成为迫切需求。
针对上述问题,本项目设计并实现了一套停车场预约系统。系统采用前后端分离架构,用户端为微信小程序(基于uni-app跨端框架开发),管理端为Web应用,双端共用同一套后端接口。后端基于Spring Boot 3和MyBatis构建RESTful API,使用JWT实现身份认证,MySQL作为数据存储;小程序端采用Vue 3、TypeScript和TuniaoUI组件库开发;管理端采用Vue 3和Element Plus组件库开发,集成ECharts实现数据可视化,集成高德地图实现停车场地理坐标选点,集成WangEditor富文本编辑器用于内容管理。系统围绕"搜索停车场→查看详情→在线预约→订单支付→评价反馈"的核心业务链路,为用户提供附近停车场搜索、地图定位导航、车位实时查看、在线预约支付、车辆管理、收藏评价等完整的停车服务体验。管理端设有管理员角色,负责停车场资源管理、订单管理、用户管理、评价管理、公告管理、留言管理、轮播图管理、使用指南管理以及数据统计分析等后台运营工作。系统还引入了基于用户协同过滤算法的智能停车场推荐功能和基于DeepSeek大语言模型的AI智能客服功能,提升了系统的智能化水平和用户使用体验。
本系统的开发具有多方面的实际价值。从业务管理角度,系统将停车场的车位管理、订单处理、收费统计等业务流程数字化,运营方可通过工作台实时掌握停车场总数、注册用户数、总车位数、今日收入等关键指标,并借助收入排行柱状图和收入趋势折线图辅助经营决策,显著提升了停车场的运营效率。从用户体验角度,车主通过小程序即可随时随地查找附近停车场、查看实时空位、提前预约车位,避免了到场后无位可停的尴尬,AI智能客服还可即时解答用户在使用过程中的各类疑问,大幅提升了停车服务的便捷性和满意度。从技术实践角度,项目综合运用了协同过滤推荐算法、大语言模型接入、地图定位与导航、前后端分离架构等多种技术手段,为同类智慧停车系统的开发提供了可参考的技术方案和实践经验。
关键词:停车场预约、停车场管理、车位预约、智慧停车、停车预约管理
课题列表:
本系统包含小程序端与管理端。小程序端面向普通用户,提供停车场查询、车位预约、在线支付、智能推荐、AI客服等便捷的移动端停车服务;管理端共设1种角色(管理员),负责停车场资源管理、订单管理、用户管理等后台运营工作。各端功能如下:
手机号登录:用户通过手机号和验证码登录系统,登录成功后获取JWT令牌用于后续请求的身份认证,用户信息和令牌保存在本地缓存中。
首页:首页顶部提供搜索框,支持按停车场名称或地址进行关键词搜索;下方展示轮播图(管理员可在后台配置);快捷功能入口包括车位预约、余额充值、添加车辆、AI客服四个常用功能;智能推荐版块通过协同过滤算法为用户推荐可能感兴趣的停车场,以横向滚动卡片形式展示停车场名称、余位、价格和地址;附近停车场版块通过地图组件展示用户周边的停车场标记点,并以列表形式展示停车场的状态(充足/紧张/已满)、距离、剩余车位和收费标准,支持点击查看全部停车场列表。
停车场搜索与列表:支持按关键词搜索停车场,搜索结果以列表形式展示,每个停车场卡片显示名称、地址、距离、剩余车位、收费标准和车位状态标签,点击可直接发起预约或进入详情页。
停车场详情:展示停车场的完整信息,包括图片轮播、名称、地址、车位状态(充足/紧张/已满/已关闭/维护中)、剩余车位与总车位、距离、营业时间;收费标准版块以卡片形式展示小时费率,并说明免费时间和计费方式;设施服务版块展示停车场提供的设施标签;位置信息版块集成地图组件展示停车场定位标记,支持查看大图和导航前往;联系方式版块支持一键拨打停车场电话;用户评价版块展示平均评分、星级、评价数量和最新评价预览;页面底部提供立即预约按钮,并支持收藏/取消收藏停车场。
停车预约:用户选择预约的开始时间和结束时间,从已添加的车辆中选择停车车辆(或跳转添加新车辆),系统根据停车时长和停车场小时费率自动计算预约费用,确认后创建预约订单。
订单支付:展示订单信息(停车场名称、车牌号、预约时间、预计费用),用户选择支付方式(余额支付)后确认支付,支付成功后订单状态更新为已支付。
我的订单:以Tab形式按订单状态分类展示(全部、待支付、已支付、进行中、已完成、已取消),每个订单卡片展示订单编号、停车场名称、预约时间、费用和状态标签,支持取消待支付订单和查看订单详情。
订单详情:展示订单的完整信息,包括订单编号、订单状态、停车场名称和地址、预约时间段、车牌号、车辆信息、预计费用、实际费用、支付方式、支付时间和创建时间,待支付订单提供取消订单和立即支付按钮。
车辆管理:展示用户已添加的所有车辆列表,每个车辆卡片显示车牌号、品牌型号、车辆类型和颜色,支持设置默认车辆、编辑车辆信息和删除车辆,以及添加新车辆(填写车牌号、车辆类型、品牌、型号、颜色)。
余额充值:展示当前账户余额,提供多个快捷充值金额选项,支持自定义充值金额,确认后完成充值并更新余额。
我的收藏:展示用户收藏的停车场列表,每个卡片显示停车场名称、地址、收费标准和车位状态标签,支持取消收藏和跳转到停车场详情,支持下拉刷新。
用户评价:查看停车场的全部评价,展示评分概览(平均分、星级分布柱状图、评价总数)和评价列表(用户头像、昵称、星级、评价内容、时间),支持分页加载更多。
写评价:用户对已完成订单的停车场进行评价,通过星级评分(1-5星)和文字内容提交评价。
我的评论:查看用户自己发布的所有评价记录,支持删除自己的评价。
我的留言:查看用户提交的留言列表及管理员的回复内容,支持查看留言详情和删除留言。
发布留言:用户填写留言标题、内容和联系方式后提交留言,等待管理员回复。
AI智能客服:与AI客服小P进行对话交互,页面提供快捷问题按钮,AI助手基于DeepSeek大语言模型实时回答用户关于停车预约、支付、车辆管理等方面的问题,回复内容以打字机效果逐字展示,支持连续多轮对话。
使用指南:展示系统使用指南列表,点击查看指南详情(富文本内容)。
平台公告:展示平台发布的公告列表,点击查看公告详情(富文本内容)。
个人中心:展示用户头像、昵称和UID,支持上传修改头像、复制UID、编辑个人资料(昵称、姓名、手机号、邮箱、性别、生日、职业、地址等)、修改密码;功能菜单提供我的收藏、我的评论、我的留言、AI客服、使用指南、平台公告等入口;服务列表提供在线客服(微信客服)、问题反馈、技术热线和退出登录功能。
管理端共设1种角色:管理员。管理员拥有的全部功能如下:
登录:通过用户名、密码和图文验证码登录系统,系统采用JWT令牌进行身份认证,登录成功后令牌存储在浏览器本地缓存中,后续所有请求自动携带令牌进行鉴权。
工作台:登录后的首页展示系统运营数据概览。顶部显示欢迎语和角色标签;4个统计卡片分别展示停车场总数、注册用户数、总车位数和今日收入;下方两个ECharts图表分别为热门停车场收入排行柱状图(按停车场展示收入排名)和近7日收入趋势折线图(按日期展示收入变化趋势,带平滑曲线和面积填充效果),两个图表均支持手动刷新。
停车场管理:以表格形式展示所有停车场的名称、地址、总车位数、可用车位数、小时费率、状态等信息,支持新增停车场(填写名称、地址、经纬度、车位数、费率、设施、联系电话、图片等,集成高德地图组件支持在地图上点击选点或搜索地址自动填充坐标和地址信息)、编辑停车场信息、删除停车场,以及按关键词搜索和分页浏览。
订单管理:以表格形式展示所有停车订单,包括订单编号、用户信息、停车场名称、车牌号、预约时间、费用、状态等字段,支持按订单状态筛选、按关键词搜索和分页浏览,管理员可对订单执行开始停车、结束停车和完成订单等状态流转操作。
车辆管理:以表格形式展示所有用户注册的车辆信息,包括车牌号、车辆类型、品牌、型号、颜色、所属用户等,支持按关键词搜索、分页浏览。
留言管理:以表格形式展示所有用户留言,包括留言标题、内容、联系方式、用户名、提交时间、回复状态等,管理员可查看留言详情并进行回复,支持删除留言和批量删除。
评价管理:顶部展示评价统计概览(总评价数、平均评分、好评率等统计卡片),下方以表格形式展示所有用户评价,包括评价用户、停车场名称、评分、评价内容、评价时间等,支持按关键词搜索和分页浏览,管理员可删除不当评价。
公告管理:以表格形式管理平台公告,包括公告标题、内容(富文本)、发布时间等,支持新增公告、编辑公告、删除公告和批量删除,以及分页浏览。
使用指南:以表格形式管理使用指南文章,包括标题和内容(富文本,使用WangEditor编辑器编写),支持新增、编辑、删除和批量删除,以及分页浏览。
轮播图管理:以表格形式管理小程序端首页的轮播图,包括标题、图片、跳转链接、排序权重和启用状态,支持新增轮播图(上传图片、配置链接和排序)、编辑、删除和分页浏览。
用户管理:以表格形式展示所有注册用户的信息,包括用户名、昵称、姓名、手机号、邮箱、性别、余额、角色等,支持新增用户、编辑用户信息、删除用户和批量删除,以及按关键词搜索和分页浏览。
管理员管理:以表格形式管理系统管理员账号,包括用户名、姓名、手机号、邮箱等信息,支持新增管理员、编辑管理员信息、删除管理员和批量删除,以及分页浏览。
个人中心
用户协同过滤推荐算法:系统引入基于用户的协同过滤推荐算法(UserCF),通过聚合用户的评价评分、收藏行为和已完成订单数据构建用户-停车场交互矩阵,利用皮尔森相关系数计算用户间的相似度,为用户推荐相似用户偏好但其尚未体验的停车场。同时设计了冷启动兜底策略,当新用户无历史行为或推荐结果不足时,自动补充热门停车场,确保推荐列表始终有效,提升了用户发现优质停车资源的效率。
DeepSeek AI智能客服:系统集成DeepSeek大语言模型构建AI智能客服功能,配置了停车场业务领域的系统提示词,使AI助手能够专业地回答用户关于预约流程、支付方式、车辆管理等业务问题,实现了自然流畅的多轮对话体验,有效降低了人工客服成本。
地图定位与智能选点:小程序端集成微信地图组件,自动获取用户地理位置并展示周边停车场标记点,支持点击标记查看详情和一键导航前往。管理端集成高德地图JSAPI,在新增或编辑停车场时支持地图点击选点和地址搜索自动填充经纬度坐标,搜索结果按距离由近到远排序,大幅简化了停车场地理信息的录入流程,确保坐标数据的准确性。
JWT无状态身份认证:系统采用JWT(JSON Web Token)实现无状态身份认证方案,用户登录后生成包含用户ID和角色信息的令牌,前端每次请求自动携带令牌,后端通过拦截器解析令牌并校验签名,无需在服务端维护会话状态,既简化了分布式部署架构,又保证了双端(小程序和管理端)统一的安全认证体验。
多维度数据可视化分析:管理端工作台通过ECharts图表库构建了直观的数据可视化看板,包含停车场总数、注册用户数、总车位数和今日收入四个核心指标统计卡片,以及热门停车场收入排行柱状图和近7日收入趋势折线图,帮助运营人员实时掌握平台运营状况,数据驱动经营决策,图表均支持手动刷新以获取最新数据。
完整的停车预约业务闭环:系统围绕停车场景设计了从搜索发现、预约下单、在线支付到评价反馈的完整业务闭环。用户可通过关键词搜索、附近定位、智能推荐三种方式发现停车场,在线选择时段和车辆后一键预约,使用余额、微信等支付方式完成交易,停车结束后对停车场进行星级评价。管理员可在后台对订单执行开始停车、结束停车、完成订单等全流程状态管理,实现了线上线下协同的停车服务体验。
富文本内容管理与多端展示:管理端集成WangEditor富文本编辑器,管理员可在公告管理和使用指南模块中编写包含图文排版的富文本内容,内容发布后自动同步展示在小程序端的对应页面中,实现了一处编辑、多端展示的内容管理能力,降低了运营人员发布图文信息的技术门槛。













👉 源码直达、追求性价比的用户
👉 多数用户选择,更省心更安心