毕业设计：校园跑腿系统（基于 Vue + Spring Boot，含前后端完整架构设计）

Java不晚

于 2025-04-17 16:02:01 发布

阅读量745

点赞数 15

本文链接：https://blog.csdn.net/m0_61118741/article/details/147308149

版权

毕业设计专栏收录该内容

5 篇文章

订阅专栏

🎓毕业设计：校园跑腿系统（基于 Vue + Spring Boot，含前后端完整架构设计）

📢 毕业设计选题不知道选什么？怕难度太高写不完？怕太简单没亮点？
今天带来一款既能展示技术深度、又符合实际需求、而且不容易撞题的项目 —— 校园跑腿系统（Vue + Spring Boot 实现）。

🔥 无论你是零基础，还是想快速完成高质量毕设，这套系统都非常适合你。
📩 文末提供：源码 + 文档 + 演示 + 答辩PPT + 1v1指导，欢迎私信我领取！

🧭 一、项目背景与开发意义

随着移动互联网的普及，服务类平台逐渐渗透到高校生活中，“校园跑腿”类平台作为一种解决学生现实需求的工具，逐渐成为高校服务的重要组成部分。

本系统主要解决以下问题：

快递太多、懒得取？——发布跑腿任务
没时间排队打印资料？——代打印服务上线
想赚点零花钱？——成为跑腿员接单赚钱
管理混乱？——系统后台自动化处理数据

意义：

培养“服务意识 + 技术能力”的综合思维
项目复杂度适中，涵盖全流程开发
接近真实项目，有一定拓展空间

🧰 二、项目架构与技术选型

2.1 系统架构图

                +-----------------+
                |     用户端（Vue3） |
                +-----------------+
                       ↑ ↓
                Axios 调用 REST API
                       ↑ ↓
                +-----------------+
                |  后端（Spring Boot） |
                +-----------------+
                       ↑ ↓
                MyBatis-Plus 操作数据库
                       ↑ ↓
                   MySQL 数据库

2.2 技术选型说明（含理由）

模块	技术	选型原因
前端	Vue3 + Element Plus	轻量、组件丰富、支持响应式
路由	Vue Router	页面切换管理
状态管理	Pinia	轻量级 Vue 状态库
网络请求	Axios	支持拦截器，可统一封装请求逻辑
后端	Spring Boot	社区成熟、快速搭建REST API
ORM	MyBatis-Plus	简洁高效的数据库操作框架
安全	Spring Security + JWT	实现角色权限控制
数据库	MySQL	稳定易用
工具	Lombok、Hutool	简化开发流程
部署	Nginx、Docker、PM2	实现前后端分离部署和进程守护

📋 三、系统功能模块分析（超详细）

3.1 用户系统（多角色）

学生用户：下单、查看订单状态、评价
跑腿员：接单、更新状态、查看历史订单
管理员：用户管理、数据统计、任务审核

功能实现思路：

登录成功后后端生成 JWT Token，前端保存 Token 到本地存储；
所有接口通过 Token 判断用户身份；
管理端入口只有管理员能访问，控制路由和菜单；

3.2 发布跑腿任务（学生）

字段	描述
title	任务标题（如“帮我取快递”）
type	跑腿类型（如代拿、代购）
reward	酬金
pickupLocation	取货点
deliveryLocation	送达地址
remarks	附加说明
deadline	期望完成时间

后端流程：

校验用户身份是否为学生
存入订单表，状态设为：待接单

3.3 接单功能（跑腿员）

显示所有未被接单的订单
点击“接单”即将订单状态改为 进行中
记录接单人ID，防止他人重复接单
允许“撤销接单”或“无法完成”（管理员后台可介入）

3.4 订单流程管理（状态流转）

待接单 → 进行中 → 待确认 → 已完成
                  ↘（异常）→ 投诉处理中

每个状态变化都记录进 order_logs 表，可追溯每次状态变更来源（学生、跑腿员、管理员）。

3.5 评价系统（学生端）

评分（1~5 星）
文字评价内容
与订单绑定，跑腿员可查看个人评分记录
后台可按评分排序跑腿员（用于展示优秀跑腿员）

3.6 管理端功能（后台）

用户管理：禁用账号、修改信息、审核跑腿员身份
订单管理：查看所有订单状态，强制终止异常订单
评价审查：防止恶意差评
数据统计图表展示（用 ECharts）

🗃️ 四、数据库结构（含字段解释）

表1：users（用户表）

字段	类型	描述
id	bigint	主键
username	varchar	用户名
password	varchar	密码（加密）
role	int	0=学生 1=跑腿员 2=管理员
status	int	正常/禁用

表2：orders（订单表）

字段	类型	描述
id	bigint	主键
title	varchar	标题
type	int	类型
student_id	bigint	学生ID
runner_id	bigint	跑腿员ID（初始为null）
status	varchar	状态
reward	decimal	酬金
create_time	datetime	创建时间

其余表：

evaluations：评价内容
order_logs：订单状态记录
admin_logs：后台操作日志（选做）

🌐 五、部分接口文档（含参数和响应）

接口：发布任务（POST）

POST /api/order/publish
Body:
{
  "title": "帮我拿打印资料",
  "type": 2,
  "pickupLocation": "教学楼1号",
  "deliveryLocation": "宿舍5楼",
  "reward": 8,
  "deadline": "2025-06-12 16:00",
  "remarks": "紧急！有偿感谢"
}

响应：

{
  "code": 200,
  "message": "任务发布成功"
}

接口：接单操作（POST）

POST /api/order/accept
{
  "orderId": 113
}

校验：

跑腿员身份校验
接单人数唯一
修改状态 & 写入日志

🧠 六、项目部署流程详解

6.1 后端部署（Spring Boot）

修改 application.yml 中数据库、Redis、JWT等配置
使用 Maven 构建 JAR 包：
```
mvn clean package
```
上传到服务器运行：
```
java -jar campus-run-1.0.jar
```

6.2 前端打包部署（Vue）

npm run build

生成 /dist 文件夹，用 Nginx 部署：

server {
    listen 80;
    server_name yourdomain.com;

    location / {
        root /www/campus-run-ui/dist;
        index index.html;
        try_files $uri $uri/ /index.html;
    }

    location /api/ {
        proxy_pass http://localhost:8080/;
    }
}

🌟 七、项目答辩建议与展示亮点

模块	答辩角度
技术先进性	使用 JWT 鉴权、前后端分离、数据可视化
业务完整性	包括发布、接单、执行、评价全流程
可视化界面	展示 ECharts 统计图、界面美观清晰
安全控制	接口统一鉴权、角色权限控制
扩展能力	可对接微信小程序、支付系统、地理位置
部署能力	演示线上部署 + 域名访问，提升专业度

📁 八、你能获得的资源（私信获取）

内容	说明
🎯 完整前后端源码	Vue3 + Spring Boot
🛠️ SQL 初始化脚本	附带测试数据
📝 项目文档	开题报告、设计说明书、论文框架
📊 答辩PPT	内容专业，结构合理
💻 部署教程	本地 + 服务器部署
🙋 私人指导	选题、开发、答辩全程服务