基于Spring boot的外卖点餐系统的设计与实现

系统介绍

1. 系统完整版包含：用户、商家、外卖员三种角色。
   （当前为用户端 & 骑手端）
2. 功能模块：注册、登录模块，购物车模块，订单管理模块、配送功能模块等，不同模块之间相互关联、相互作用，构成一个完整的系统。
3. 完整系统功能模块图如下：
   

系统特点：

1. 外卖点餐流程完整，
   从用户—>商家，商家->骑手，骑手->用户。
   系统逻辑清晰，基础功能完整。
2. 用户端、骑手端使用微信小程序+Vant组件实现。
   用户与骑手通过使用微信小程序调用接口访问使用者数据，同时经过后端服务器交互与商家完成订单流程。不同用户和骑手的数据不互通，真实模拟外卖点餐流程。
3. 用户端包含注册、登录模块，购物车模块，订单管理模块等功能。
4. 骑手端包括注册登录，配送订单等模块。
5. 商家端使用Vue+elementUI，不同商家显示数据不同，可供多使用者使用。
6. 商家端包含：验证码功能，密码加密，token验证，图片上传功能。
7. 商家可选择营业状态，在商家管理端，商家可在订单管理页面设置是否接单。

暂未完善功能：
支付接口未接入 / 地图定位接口未接入 / 推荐算法未实现

技术介绍（用户端）

1. 后端技术 ：sping boot，JPA；
2. 数据库 ： Mysql；
3. 前端技术 ：微信小程序+Vant；

系统展示

用户端功能模块图：

小程序用户个人详情页面图片:

选择收货地址页面：

用户订单管理页面：

用户首页页面：

用户选择商家商品页面：

选择商品规格页面：

用户购物车页面：

小程序部分代码

1. 微信小程序获取用户信息

// 必须是在用户已经授权的情况下调用
wx.getUserInfo({
  success: function(res) {
    var userInfo = res.userInfo
    var nickName = userInfo.nickName
    var avatarUrl = userInfo.avatarUrl
    var gender = userInfo.gender //性别 0：未知、1：男、2：女
    var province = userInfo.province
    var city = userInfo.city
    var country = userInfo.country
  }
})

2. 微信小程序调用收货地址功能

<!--plugin/components/hello-component.wxml-->
  <functional-page-navigator
    name="chooseAddress"
    version="develop"
    bind:success="onSuccess"
    bind:fail="onFail"
  >
    <button>选择收货地址</button>
  </functional-page-navigator>

// plugin/components/hello-component.js
Component({
  methods: {
    onSuccess: function (res) {
      console.log(res.detail);
    },
    onFail: function (res) {
      console.log(res);
    }
  }
});

3. 微信支付接口API调用(如有需要的话自行参考官方文档API)

wx.requestPayment({
  timeStamp: '',
  nonceStr: '',
  package: '',
  signType: 'MD5',
  paySign: '',
  success (res) { },
  fail (res) { }
})

技术介绍（骑手端）

1. 后端技术 ：sping boot，JPA；
2. 数据库 ： Mysql；
3. 前端技术 ：微信小程序+Vant；

系统展示

骑手端功能模块图：

个人中心界面：

可接订单界面

配送订单界面

联系作者

有需要的请私信联系或去商家端找邮箱

商家端

CSDN链接: 外卖点餐系统-商家端