外卖小程序开发

曾经终败给现在 2022-06-11 04:53 229阅读 0赞

灵犀外卖[**小程序**][Link 1]开发步骤：

![1240][]

安装说明

1、导入db文件夹中的数据到Bmob，关于Bmob的入门使用，请参见：[http://blog.it577.net/archives/32/][http_blog.it577.net_archives_32]  
2、修改[小程序][Link 2]源码文件/utils/init.js中的Bmob Appid信息  
3、Bmob后台修改小程序Appid与支付信息，具体操作图解，请参见：[http://blog.it577.net/archives/103/][http_blog.it577.net_archives_103]

买家下单流程

1、店铺首页兼商品列表  
2、购物车  
3、收货地址列表与编辑  
4、订单列表与详情  
5、支付

前端特技

1、购物车动画  
2、地址选择器，集成腾讯地图sdk

建表1.商家表

<table style=""> 
 <tbody style=""> 
  <tr style=""> 
   <td style="">字段名</td> 
   <td style="">类型</td> 
   <td style="">注释</td> 
  </tr> 
  <tr style=""> 
   <td style="">title</td> 
   <td style="">String</td> 
   <td style="">店名</td> 
  </tr> 
  <tr style=""> 
   <td style="">logo</td> 
   <td style="">String</td> 
   <td style="">头像</td> 
  </tr> 
  <tr style=""> 
   <td style="">telephone</td> 
   <td style="">String</td> 
   <td style="">联系电话</td> 
  </tr> 
  <tr style=""> 
   <td style="">address</td> 
   <td style="">String</td> 
   <td style="">地址</td> 
  </tr> 
  <tr style=""> 
   <td style="">geo</td> 
   <td style="">Geopoint</td> 
   <td style="">经纬度</td> 
  </tr> 
  <tr style=""> 
   <td style="">notice</td> 
   <td style="">String</td> 
   <td style="">公告</td> 
  </tr> 
  <tr style=""> 
   <td style="">business_start</td> 
   <td style="">String</td> 
   <td style="">开始营业时间</td> 
  </tr> 
  <tr style=""> 
   <td style="">business_end</td> 
   <td style="">String</td> 
   <td style="">结束营业时间</td> 
  </tr> 
  <tr style=""> 
   <td style="">express_fee</td> 
   <td style="">Number</td> 
   <td style="">配送费</td> 
  </tr> 
  <tr style=""> 
   <td style="">min_amount</td> 
   <td style="">Number</td> 
   <td style="">起送金额</td> 
  </tr> 
 </tbody> 
</table>

2.分类表

3.菜品表

4.地址表

<table style=""> 
 <tbody style=""> 
  <tr style=""> 
   <td style="">字段名</td> 
   <td style="">类型</td> 
   <td style="">注释</td> 
  </tr> 
  <tr style=""> 
   <td style="">realname</td> 
   <td style="">String</td> 
   <td style="">姓名</td> 
  </tr> 
  <tr style=""> 
   <td style="">gender</td> 
   <td style="">Number</td> 
   <td style="">1先生 0女士</td> 
  </tr> 
  <tr style=""> 
   <td style="">mobile</td> 
   <td style="">String</td> 
   <td style="">手机</td> 
  </tr> 
  <tr style=""> 
   <td style="">area</td> 
   <td style="">String</td> 
   <td style="">区域</td> 
  </tr> 
  <tr style=""> 
   <td style="">detail</td> 
   <td style="">String</td> 
   <td style="">详细地址</td> 
  </tr> 
  <tr style=""> 
   <td style="">user</td> 
   <td style="">Pointer</td> 
   <td style="">关联用户</td> 
  </tr> 
 </tbody> 
</table>

5.订单表

<table style=""> 
 <tbody style=""> 
  <tr style=""> 
   <td style="">字段名</td> 
   <td style="">类型</td> 
   <td style="">注释</td> 
  </tr> 
  <tr style=""> 
   <td style="">user</td> 
   <td style="">Pointer</td> 
   <td style="">下单人</td> 
  </tr> 
  <tr style=""> 
   <td style="">title</td> 
   <td style="">String</td> 
   <td style="">摘要</td> 
  </tr> 
  <tr style=""> 
   <td style="">quantity</td> 
   <td style="">Number</td> 
   <td style="">购买数量</td> 
  </tr> 
  <tr style=""> 
   <td style="">address</td> 
   <td style="">Pointer</td> 
   <td style="">地址</td> 
  </tr> 
  <tr style=""> 
   <td style="">express_fee</td> 
   <td style="">Number</td> 
   <td style="">配送费</td> 
  </tr> 
  <tr style=""> 
   <td style="">amount</td> 
   <td style="">Number</td> 
   <td style="">餐费</td> 
  </tr> 
  <tr style=""> 
   <td style="">total</td> 
   <td style="">Number</td> 
   <td style="">总计</td> 
  </tr> 
  <tr style=""> 
   <td style="">status</td> 
   <td style="">Number</td> 
   <td style="">状态（0，待付款；1，已付款；2，派送中；-1，已取消）</td> 
  </tr> 
  <tr style=""> 
   <td style="">detail</td> 
   <td style="">Array</td> 
   <td style="">清单</td> 
  </tr> 
  <tr style=""> 
   <td style="">sn</td> 
   <td style="">String</td> 
   <td style="">订单号</td> 
  </tr> 
 </tbody> 
</table>

6.用户表

<table style=""> 
 <tbody style=""> 
  <tr style=""> 
   <td style="">字段名</td> 
   <td style="">类型</td> 
   <td style="">注释</td> 
  </tr> 
  <tr style=""> 
   <td style="">userInfo</td> 
   <td style="">Object</td> 
   <td style="">用户昵称头像等</td> 
  </tr> 
  <tr style=""> 
   <td style="">authData</td> 
   <td style="">Object</td> 
   <td style="">Bｍob维护的用户openid等信息</td> 
  </tr> 
 </tbody> 
</table>

![strip][]

[Link 1]: http://9.cn/
[1240]: /images/20220611/420b009ee58e47e8ad9052f055bde36d.png
[http_blog.it577.net_archives_32]: http://blog.it577.net/archives/32/
[Link 2]: http://www.wxapp-union.com/
[http_blog.it577.net_archives_103]: http://blog.it577.net/archives/103/
[strip]: /images/20220611/d7ee3d340bfb49fd8190cb0c1382f2b5.png