摘要校园跑腿服务系统是一套面向高校场景的前后端分离校园服务系统由微信小程序端、Koa2 服务端、Vue 网页管理后台三部分组成覆盖跑腿代取、打印服务、校园代理、订单交易、微信支付、用户角色管理等校园生活服务业务。学生可通过小程序发布需求、接单完成任务管理员通过 Web 后台管理用户、订单、服务类目与校园代理。项目采用 JavaScript 全栈开发部署简单适合高校课程设计、毕业设计练手仅供个人学习研究禁止直接用于商业用途。关键字微信小程序Koa2,Vue2, 校园跑腿校园综合服务前后端分离GPL‑3.0项目名称校园跑腿服务系统项目介绍校园跑腿服务系统是一套面向高校场景的前后端分离校园服务系统整套项目由微信小程序端、Koa2 服务端、Vue 网页管理后台三部分组成。实现校园跑腿代取、打印服务、校园代理、订单交易、微信支付、用户角色管理等校园生活服务业务。学生通过小程序发布需求、接单完成任务管理员通过 Web 后台管理用户、订单、服务类目、校园代理。项目使用 JavaScript 全栈开发部署简单适合高校课程设计、毕业设计练手仅供个人学习研究禁止直接用于商业用途。项目工程结构项目主要技术框架3.1核心底层框架后端整套系统分为三端微信原生小程序作为 C 端用户入口Koa2 Node.js 作为后端 API 服务提供全部业务接口、微信登录、微信支付能力Vue2 单页应用作为 Web 管理后台完成平台业务管理。三端配合使用小程序和 Web 后台都不能独立运行必须启动 Koa2 服务端并导入 MySQL 数据库。系统集成微信小程序授权登录、微信商户支付能力支持校园代理角色、接单者身份体系。3.2后端技术栈小程序端开发语言JavaScript开发框架微信原生小程序 WXML WXSS工具微信开发者工具服务端server开发语言JavaScriptWeb 框架Koa2数据库MySQL5.7包管理npm第三方能力微信小程序授权、微信商户支付Web 后台web_backend开发语言JavaScript前端框架Vue2UI 组件Element‑UI状态管理Vuex构建工具vue‑cli3.3前端技术栈开发语言TypeScript框架React19、Vite6UI 组件库Ant Design6状态管理Zustand路由React Router7图表Ant Design Charts白板组件TLDraw适配PC 端 移动端浏览器自适应3.4 数据库服务端全部业务数据存储 MySQL 数据库初始化脚本为 help.sql小程序端 storage 本地缓存存储用户登录 token、用户基础信息清除小程序缓存会退出登录订单、用户、交易数据全部由服务端数据库提供。3.5开发及生产环境开发环境Node.jsMySQL5.7微信开发者工具VS Code配套说明三仓库必须配合部署缺一不可需要申请微信小程序账号如需支付功能需要开通微信商户。开源协议GPL‑3.0项目状态v1 正式学习版本仅用于个人学习研究禁止商用项目主要功能4.1 管理员 Web 后台功能模块4.1.1 用户管理普通学生用户、接单员、校园代理账号管理账号状态维护。4.1.2 服务类目管理配置跑腿、打印等各类校园服务分类。4.1.3 订单管理查看全平台订单处理订单异常订单打印导出。4.1.4 校园代理管理新增编辑校园代理账号代理证件审核。4.1.5 系统配置小程序 APPID、APPSECRET、微信商户支付参数配置。4.2 小程序 C 端学生用户功能4.2.1 发布需求发布跑腿代取、打印等校园服务订单填写需求、设置报酬。4.2.2 接单业务接单员浏览平台订单抢单执行任务完成订单获取佣金。4.2.3 打印服务提交打印文件设置打印参数下单完成打印业务。4.2.4 微信支付下单调用微信支付完成付款。4.2.5 个人中心我的订单、我的钱包余额、接单记录、身份信息、校园代理申请。4.3 通用功能模块4.3.1 完整校园服务闭环发布需求‑抢单接单‑任务执行‑订单结算‑佣金提现完整校园跑腿业务。4.3.2 多角色体系普通用户、接单员、校园代理、平台管理员多角色权限区分。4.3.3 微信生态打通微信小程序授权登录集成微信商户支付。4.3.4 三端分离架构小程序面向学生用户Koa2 提供接口Vue 后台面向平台管理员。项目部署5.1 前置环境准备Node.js 环境MySQL5.7如需完整微信登录、支付需要申请微信小程序、微信商户账号。5.2 第一步部署 Koa2 服务端 server1. 下载 server 源码导入 MySQL执行 help.sql 初始化数据库2. 修改 pub/config/config.js配置数据库连接、小程序 APP_ID、APP_SECRET、微信商户参数npm installnpm start服务默认访问地址 [http://localhost:3337](http://localhost:3337)5.3 第二步部署 Web 管理后台 web_backend1. 下载 web_backend 源码修改接口地址指向 Koa2 服务端npm installnpm run dev访问地址 [http://localhost:3336](http://localhost:3336)默认管理员账号admin 密码qwe1231235.4 三步小程序端 hbhzdtn 导入调试1. Gitee 下载小程序源码微信开发者工具导入项目2. project.config.json 填写自己小程序 AppID3. 修改小程序内 api 请求地址指向部署好的 Koa2 后端4. 模拟器调试真机测试上线需要提交微信小程序审核。重要提示三个仓库必须全部部署小程序、web 后台无法独立运行本项目仅限学习研究禁止用于商业上线。项目演示小程序首页服务页面、发布订单需求页面、订单详情页面、个人中心钱包页面、web 后台用户管理页面、web 后台订单管理页面。这个源码适合的学习人群该项目代码结构清晰、注释规范、无过度封装、轻量化易上手极其适合四类人群学习Java后端初学者、微信小程序开发学习者、计算机专业在校学生、个人开源项目爱好者。这个项目源码获取方式关注