# 基于SpringBoot+Vue的前后端分离网上外卖订餐系统

**Repository Path**: primusmj/sell

## Basic Information

- **Project Name**: 基于SpringBoot+Vue的前后端分离网上外卖订餐系统
- **Description**: 基于SpringBoot+Vue前后端分离的网上订餐系统，分为用户移动端，骑手移动端，商家pc端。
- **Primary Language**: Java
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 36
- **Created**: 2025-02-21
- **Last Updated**: 2025-02-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

 **网上订餐系统--后端部分**  
本系统共用三个客户端，用户端、商家端和骑手端，请拉取代码的老哥们点点star！！谢谢！

本系统是基于SpringBoot+Vue的前后端分离架构，使用MySQL+Redis数据库,持久层框架采用MyBatis，整合Shiro安全框架，前端项目采用VUE全家桶框架，
前端使用axios请求调取后端接口，前后端采用Restful接口风格对接，json数据格式传输，三个客户端之间采用Websocket通讯协议进行双向的实时交互,同时搭建了
文件服务器系统，项目的图片文件均存储在独立的文件服务器上，可在用户端自行注册账号修改头像测试。
   
 :hand: 用户端和骑手端采用移动端UI框架Vant： https://vant-contrib.gitee.io/vant/#/zh-CN/home   
 :hand: 商家端使用ElementUI： https://element.eleme.cn/#/zh-CN/component/drawer

项目部署上采用Doker虚拟化技术部署在自己的阿里云上，整合合Nginx、Haproxy和keepalived,从数据库到后端、前端均采用多节点负载均衡策略部署。

整个项目用的都是目前主流的技术，覆盖前后端各个技术的基础，从数据库，到后端，再到前端，再部署上云，只需这一个项目即可了解掌握整个项目的开发流程及各种细节！

 :raised_hand:  :raised_hand:  :raised_hand: 手机移动用户端访问地址（电脑端打开请按ctrl+shirt+i进入浏览器调试模式，调成手机大小模式）
 http://106.14.242.100:8090/#/user   
 :raised_hand:  :raised_hand:  :raised_hand: 项目接口文档地址：http://106.14.242.100:8086/doc.html   
 :raised_hand:  :raised_hand:  :raised_hand: 需要前端vue项目和sql文件的前往：
 http://106.14.242.100:8090/#/UploadRes

本人毕设项目，还请多多指教！如有疑问，请联系qq:1058298031!!!


**移动用户端主要界面：**    
![输入图片说明](https://images.gitee.com/uploads/images/2021/0504/201230_628c8bd6_5465839.png "用户首页.png")![输入图片说明](https://images.gitee.com/uploads/images/2021/0504/201326_95442ad3_5465839.png "商家首页.png")![![输入图片说明](https://images.gitee.com/uploads/images/2021/0504/205153_fce2eb64_5465839.png "用户订单列表.png")![输入图片说明](https://images.gitee.com/uploads/images/2021/0504/205127_92f64023_5465839.png "用户个人信息.png")![输入图片说明](https://images.gitee.com/uploads/images/2021/0504/205421_5a4bc1a0_5465839.png "订单评价.png")![输入图片说明](https://images.gitee.com/uploads/images/2021/0504/205552_9fd465d7_5465839.png "订单提交页.png")


**移动骑手端主要界面：**    
![输入图片说明](https://images.gitee.com/uploads/images/2021/0504/205721_b621a480_5465839.png "骑手待接单.png")![输入图片说明](https://images.gitee.com/uploads/images/2021/0504/205728_dc634f98_5465839.png "骑手待送达.png")


**pc商家管理端主要界面：**    

![商家端](https://images.gitee.com/uploads/images/2020/0306/171814_03e922d5_5465839.png "屏幕截图.png")
![商家端](https://images.gitee.com/uploads/images/2020/0306/171846_605cfba4_5465839.png "屏幕截图.png")