Spring Boot Vue3 旧物回收管理系统前后端分离含上门回收全流程绿色循环 · 变废为宝 · 预约上门一站搞定适合毕业设计 / 课程设计 / 实训项目 / 全栈练手一、项目简介「旧物回收管理系统」面向闲置物品与废旧物资回收场景打造用户端预约 管理端调度 回收员上门的完整业务闭环。用户可在线浏览旧物报价、提交回收预约、跟踪上门进度并参与论坛交流、查看公告资讯管理员负责旧物、订单、人员与内容运营回收人员接收分配任务并完成上门回收。项目亮点前后端分离用户端 / 管理端双前台核心业务闭环下单 → 分配 → 上门 → 统计多角色协作用户、管理员、回收人员运营数据看板 ECharts 可视化UI 完整、功能齐全适合作为毕设答辩演示二、技术栈层级技术选型用户端Vue 3 Vite Element Plus Vue Router Pinia管理端Vue 3 Vite Element Plus ECharts后端Spring Boot MyBatis-Plus MySQL安全Apache Shiro Token 鉴权前台/后台 Token 隔离其他文件上传、图形验证码、Hutool、Fastjson运行环境建议JDK 1.8Node.js 18MySQL 5.7 / 8.0Maven 3.x三、系统架构与角色┌────────────┐ ┌────────────┐ ┌────────────────┐ │ 用户端 │ │ 管理端 │ │ Spring Boot │ │ Vue3:5173 │────▶│ Vue3:5174 │────▶│ API :8080 │ └────────────┘ └────────────┘ └───────┬────────┘ │ ┌─────▼─────┐ │ MySQL │ └───────────┘角色能力普通用户浏览旧物、预约回收、收藏、论坛、查看公告资讯、个人中心管理员用户/人员管理、旧物与订单管理、分配任务、内容运营、数据看板回收人员接收分配、上门回收处理核心流程浏览报价 → 提交预约回收订单→ 管理员分配 → 回收员上门 → 状态跟踪 / 数据统计四、功能模块总览4.1 用户端首页轮播 / 快捷入口 / 资讯展示旧物信息浏览、筛选、详情、评论、收藏、预约回收回收指南三步上手回收订单 / 回收分配 / 上门回收进度论坛交流、公告信息、资讯信息个人中心资料、订单、收藏、我的发布4.2 管理端运营数据总览指标卡片 趋势图管理员 / 用户 / 回收人员管理旧物分类、旧物信息、地区管理回收订单、回收分配、上门回收资讯分类 / 资讯信息、公告、论坛、轮播图五、界面效果展示5.1 登录入口用户端登录支持账号密码登录、验证码校验、记住密码以及注册账号 / 忘记密码入口。管理端登录支持管理员 / 回收人员切换管理后台登录支持「管理员」「回收人员」两种角色切换回收人员也可注册入口进入。5.2 用户端首页首页突出「智能回收变废为宝」提供预约入口、快捷模块与资讯列表。也可展示绿色城市主题风格首页强调「绿色城市从回收开始」。5.3 旧物信息与详情预约按名称、分类、地区、状态筛选浏览旧物覆盖电子产品、旧衣、家电家具、废塑料、废金属、废纸等品类。进入详情可查看单价、状态、收藏/浏览量支持预约回收与评论互动。5.4 回收指南三步完成回收浏览报价 → 在线预约 → 上门回收并提供各功能模块快捷入口。5.5 个人中心支持修改头像、姓名、手机号、性别等资料侧栏可进入订单、分配、上门、收藏、我的发布。论坛「我的发布」支持发帖、编辑、删除5.6 管理端数据看板运营数据总览注册用户、订单、上门回收、论坛/资讯等指标以及用户增长、登录活跃、上门趋势等图表。业务分析图旧物类型占比、订单分配状态、上门回收状态、废品行情数量等。5.7 业务与内容管理用户管理支持按账号、姓名检索以及新增、详情、修改、删除等操作。旧物信息管理分类、单价、状态、地区回收订单管理含「分配」操作对接上门闭环资讯信息管理公告信息管理六、数据库与主要业务实体简要后端以业务实体为核心典型模块包括模块说明用户 / 管理员 / 回收人员多角色账号体系旧物分类 / 旧物信息报价与品类管理回收订单 / 回收分配 / 上门回收核心业务链路地区服务范围论坛 / 公告 / 资讯内容运营与社区收藏 / 评论用户互动七、本地运行说明7.1 后端创建 MySQL 数据库导入项目 SQL以仓库内脚本为准修改server_code/src/main/resources/application.yml中的数据库账号密码启动 Spring Boot默认端口8080context-path/cl19196363cdserver_code mvn spring-boot:run7.2 用户端cd前台npminstallnpmrun dev访问http://localhost:51737.3 管理端cd后台npminstallnpmrun dev访问http://localhost:5174开发环境已配置代理/cl19196363→http://localhost:8080八、适用人群计算机相关专业毕业设计 / 课程设计同学想练手Spring Boot Vue3 前后端分离的开发者需要「上门服务类」业务闭环演示的实训项目关注环保回收、社区服务数字化的产品/运营同学业务参考九、总结本项目不止于简单 CRUD而是把旧物展示、在线预约、人员分配、上门回收、内容运营、数据可视化串成完整链路。界面完整、角色清晰、演示效果好非常适合作为毕设或作品集项目。如果你也对「互联网 绿色回收」感兴趣欢迎点赞收藏后续可继续扩展地图定位上门、积分激励、价格行情接口、小程序端等。标签CSDN 推荐SpringBootVue3ElementPlusMyBatisPlus前后端分离旧物回收管理系统毕业设计ECharts上门回收