毕设工坊
毕设工坊
返回成品库
小程序Java 项目Web 项目已完成

基于SpringBoot2+Vue2+微信小程序的校园失物招领系统

基于原生微信小程序 + Vue2 管理后台 + Spring Boot 后端的校园失物招领系统,实现失物/招领发布、关键词搜索、认领与归还双业务闭环、收藏与后台管理等功能,三端前后端分离、开箱即用。

Spring BootMySQLVue微信小程序
20 次浏览0 人喜欢2026-08-04

项目图片

共 13 张

校园失物招领系统

校园失物招领系统是一个覆盖「微信小程序端 + 管理后台 + 后端 API」的三端全栈项目。用户通过微信小程序发布失物与招领信息、搜索浏览物品详情、提交认领/归还申请并收藏物品;管理员通过 Web 后台完成物品、分类、用户、认领与归还的全流程审核管理。

技术栈

小程序端:微信小程序

管理端:Vue 2

后端:Spring Boot、Spring Data JPA

数据库:MySQL

数据库表数量:6 个

软件版本

JDK 8、Maven 3.9.6、Spring Boot 2.7.18、MySQL 8.x、Vue 2.6.14、Element UI 2.15.14、Vant Weapp 1.11.7、微信开发者工具基础库 3.14.3、Node.js 14+

功能模块

管理端

登录:管理员账号密码登录并签发管理员 Token,路由守卫控制页面访问权限,防止未登录访问。

首页概览:物品总数、用户总数、失物数量、招领数量四张统计卡片,以及待处理认领申请、待处理归还申请两个快捷列表,支持一键跳转处理。

类型管理:物品分类的增删改查,默认内置证件、电子产品、钥匙、钱包、书籍、衣物、其他七类。

物品管理:按类型、状态组合筛选,分页展示物品名称、分类、地点、发布者、发布时间等信息,支持删除。

用户管理:分页展示全部小程序注册用户,包含昵称、头像、简介、手机号、注册时间等字段。

认领管理:查看全部认领申请,支持确认/拒绝;确认后该物品状态自动置为「已归还」,并自动拒绝同一物品的其他待处理申请,保证业务一致性。

归还管理:查看全部归还申请,支持确认/拒绝;确认后该物品状态自动置为「已找到」。

小程序端

登录注册:微信一键登录,选择头像、填写昵称与个人简介,头像上传到后端后回写资料。

首页:全部/失物/招领 Tab 切换,顶部关键词搜索跳转搜索页,卡片列表展示物品名称、分类、地点、相对时间与浏览量,支持下拉刷新。

发布:失物发布与招领发布双表单,选择分类、填写地点、选择丢失/捡到日期时间、填写描述、多图上传、联系方式,含完整表单校验与发布成功提示。

详情:图片轮播、失物/招领标签、物品描述、详细信息、发布者信息卡片,浏览自动累加浏览量。

认领/归还:底部弹出层填写姓名、手机号、备注后提交申请;失物详情触发「我要归还」,招领详情触发「我要认领」,申请状态支持发布者确认/拒绝。

我的:用户信息卡片、统计面板,功能菜单包含我的订单、认领管理、归还管理、我的失物、我的招领、我的收藏,以及联系客服、关于我们。

我的失物/我的招领:发布者管理自己发布的物品,展示每条物品的认领/归还申请数量,支持手动完结与删除。

收藏:物品详情页收藏/取消收藏,我的收藏列表,收藏状态在列表中同步展示。

自定义 tabBar:首页 / 发布 / 我的三个 Tab,使用自定义组件实现图标与选中态高亮。

核心亮点

  • 三端完整全栈闭环:微信小程序用户端 + Vue 管理后台 + Spring Boot 后端 API,前后端分离,业务数据贯通,可直接用于演示与答辩。
  • 认领/归还双业务流闭环:用户提交申请 → 发布者或管理员确认 → 物品状态自动流转,确认后自动拒绝同物品其余待处理申请,杜绝重复认领。
  • 无状态 Token 鉴权:HMAC-SHA256 签名的无状态 Token,用户端与管理端权限分离,AuthInterceptor 统一拦截鉴权,服务重启后登录态仍有效。
  • 微信原生登录:后端调用微信 jscode2session 换取 openid,自动注册或更新用户,符合小程序真实登录流程。
  • 状态机设计清晰:物品状态 ongoing / found / returned / closed,申请状态 pending / confirmed / rejected,前后端一一对应,业务规则完整。
  • 附带测试数据与截图:seed_test_data.sql 提供模拟用户与失物/招领数据,截图目录含后台 7 张功能截图,便于快速启动与效果展示。

资料包含

  • server:Spring Boot 后端完整源码,涵盖登录鉴权、文件上传、数据统计等接口。
  • server-views:Vue 管理后台完整源码。
  • 校园失物招领:微信小程序完整源码。
  • schema.sql:数据库建表脚本。
  • seed_test_data.sql:测试数据脚本。
  • 截图/后台:管理后台功能截图 7 张。
  • application.yml:数据库连接、微信小程序 AppID/AppSecret、文件上传目录等配置说明。

适用选题方向

  • 校园失物招领系统
  • 基于微信小程序的校园生活服务类平台
  • 失物招领 / 物品归还管理平台
  • 前后端分离的 JavaWeb 毕业设计
  • 高校信息发布与互助平台

相关成品