Vue+SpringBoot 外卖订餐系统 OneToo｜前台点餐+后台管理运行截图+源码下载

Java 原创记录

Yuan 2026-06-24 924 字 约 3 分钟 0 评论

#MySQL #Redis #SpringBoot #Vue

这次运行的是一个基于 Vue + SpringBoot + Redis + MySQL 的连锁门店外卖订餐系统 OneToo。这个项目比大型综合后台轻一些，更适合拿来做课程设计、二次改造或者学习前后端分离的基础业务流程。

源码仓库：RooJun/OneToo

源码下载：springboot-onetoo.zip

项目概览

系统分为两个主要界面：一个是模拟移动端的用户前台，一个是商家后台管理端。前台包含用户登录、菜品浏览、购物车、订单查看等流程；后台包含门店管理、人员管理、菜品管理、订单管理、配送管理等模块。

技术栈方面，后端使用 SpringBoot、MyBatis-Plus、MySQL、Redis、ShardingSphere、Druid，前端使用 Vue2、Vue Router、Vuex、Element UI、Vant、Axios。项目中 Redis 用于缓存前台高频访问的菜品数据，整体属于清晰的 CRUD 型外卖订餐系统。

本地运行调整

原项目默认连接虚拟机环境中的 MySQL 与 Redis。我在本地运行时做了几处兼容调整：

• MySQL 主从地址改为本机 127.0.0.1:3306，并导入演示数据。
• Redis 地址改为本机 127.0.0.1:6379。
• 图片上传目录改为项目内 back/uploads/，方便本机直接运行。
• 前端图片下载地址改为 /api/common/download，通过 Vue devServer 代理到后端。
• 补充 db_onetoo_demo.sql，用于快速初始化演示库。

本地测试账号：

• 后台账号：admin / 123456
• 前台账号：user / 123456

运行截图

后台人员管理

后台门店管理

后台菜品管理

后台订单管理

后台配送管理

前台登录页

前台点餐首页

前台购物车

前台订单页

适合怎么用

这个项目适合做“外卖订餐系统”“连锁门店订餐平台”“Vue+SpringBoot 前后端分离系统”一类课设或练手项目。它的优点是业务模块直观，前台和后台都有，截图展示效果比纯后台项目更完整；不足是原仓库没有附带 SQL，需要自己补初始化数据，部分页面样式和接口命名也比较偏练手项目风格。

如果用于二次开发，可以优先优化三块：完善后台权限体系、拆分前台用户与后台管理员登录身份、补充订单支付与配送状态流转。