企业官网建设流程全解析

Spring Boot + Vue3 旧物回收管理系统（前后端分离｜含上门回收全流程）

绿色循环 · 变废为宝 · 预约上门一站搞定
适合：毕业设计 / 课程设计 / 实训项目 / 全栈练手

一、项目简介

「旧物回收管理系统」面向闲置物品与废旧物资回收场景，打造用户端预约 + 管理端调度 + 回收员上门的完整业务闭环。

用户可在线浏览旧物报价、提交回收预约、跟踪上门进度，并参与论坛交流、查看公告资讯；管理员负责旧物、订单、人员与内容运营，回收人员接收分配任务并完成上门回收。

项目亮点：

• 前后端分离，用户端 / 管理端双前台
• 核心业务闭环：下单 → 分配 → 上门 → 统计
• 多角色协作：用户、管理员、回收人员
• 运营数据看板 + ECharts 可视化
• UI 完整、功能齐全，适合作为毕设答辩演示

二、技术栈

运行环境建议：

• JDK 1.8+
• Node.js 18+
• MySQL 5.7 / 8.0
• Maven 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 后端

1. 创建 MySQL 数据库，导入项目 SQL（以仓库内脚本为准）
2. 修改server_code/src/main/resources/application.yml中的数据库账号密码
3. 启动 Spring Boot（默认端口8080，context-path：/cl19196363）

cdserver_code mvn spring-boot:run

7.2 用户端

cd前台npminstallnpmrun dev

访问：http://localhost:5173

7.3 管理端

cd后台npminstallnpmrun dev

访问：http://localhost:5174

开发环境已配置代理：/cl19196363→http://localhost:8080

八、适用人群

• 计算机相关专业毕业设计 / 课程设计同学
• 想练手Spring Boot + Vue3 前后端分离的开发者
• 需要「上门服务类」业务闭环演示的实训项目
• 关注环保回收、社区服务数字化的产品/运营同学（业务参考）

九、总结

本项目不止于简单 CRUD，而是把旧物展示、在线预约、人员分配、上门回收、内容运营、数据可视化串成完整链路。界面完整、角色清晰、演示效果好，非常适合作为毕设或作品集项目。

如果你也对「互联网 + 绿色回收」感兴趣，欢迎点赞收藏，后续可继续扩展：地图定位上门、积分激励、价格行情接口、小程序端等。

标签（CSDN 推荐）

SpringBootVue3ElementPlusMyBatisPlus前后端分离旧物回收管理系统毕业设计ECharts上门回收