外賣小程序系統(tǒng)開發(fā)流程
2018-03-01|HiShop
導(dǎo)讀:餓了么,美團這些外賣小程序的運營經(jīng)驗,許多商家及開發(fā)商也看到了外賣小程序的前景,下面為大家介紹外賣小程序系統(tǒng)開發(fā)流程。...
餓了么,美團這些外賣小程序的運營經(jīng)驗,許多商家及開發(fā)商也看到了外賣小程序的前景,下面為大家介紹外賣小程序系統(tǒng)開發(fā)流程。
外賣小程序開發(fā)步驟:

安裝說明
1、導(dǎo)入db文件夾中的數(shù)據(jù)到Bmob,關(guān)于Bmob的入門使用,請參見:http://blog.it577.net/archives/32/
2、修改小程序源碼文件/utils/init.js中的Bmob Appid信息
3、Bmob后臺修改小程序Appid與支付信息,具體操作圖解,請參見:http://blog.it577.net/archives/103/
買家下單流程
1、店鋪首頁兼商品列表
2、購物車
3、收貨地址列表與編輯
4、訂單列表與詳情
5、支付
前端特技
1、購物車動畫
2、地址選擇器,集成騰訊地圖sdk
建表
1.商家表
2.分類表
3.菜品表
4.地址表
5.訂單表
6.用戶表
外賣小程序開發(fā)步驟:

安裝說明
1、導(dǎo)入db文件夾中的數(shù)據(jù)到Bmob,關(guān)于Bmob的入門使用,請參見:http://blog.it577.net/archives/32/
2、修改小程序源碼文件/utils/init.js中的Bmob Appid信息
3、Bmob后臺修改小程序Appid與支付信息,具體操作圖解,請參見:http://blog.it577.net/archives/103/
買家下單流程
1、店鋪首頁兼商品列表
2、購物車
3、收貨地址列表與編輯
4、訂單列表與詳情
5、支付
前端特技
1、購物車動畫
2、地址選擇器,集成騰訊地圖sdk
建表
1.商家表
字段名 | 類型 | 注釋 |
title | String | 店名 |
logo | String | 頭像 |
telephone | String | 聯(lián)系電話 |
address | String | 地址 |
geo | Geopoint | 經(jīng)緯度 |
notice | String | 公告 |
business_start | String | 開始營業(yè)時間 |
business_end | String | 結(jié)束營業(yè)時間 |
express_fee | Number | 配送費 |
min_amount | Number | 起送金額 |
2.分類表
字段名 | 類型 | 注釋 |
title | String | 店名 |
priority | Number | 優(yōu)先級(越小越前) |
3.菜品表
字段名 | 類型 | 注釋 |
title | String | 店名 |
thumb | File | 主圖 |
summary | String | 簡述 |
price | Number | 價格 |
category | Pointer | Cateogry分類表 |
priority | Number | 優(yōu)先級(越小越前) |
4.地址表
字段名 | 類型 | 注釋 |
realname | String | 姓名 |
gender | Number | 1先生 0女士 |
mobile | String | 手機 |
area | String | 區(qū)域 |
detail | String | 詳細地址 |
user | Pointer | 關(guān)聯(lián)用戶 |
5.訂單表
字段名 | 類型 | 注釋 |
user | Pointer | 下單人 |
title | String | 摘要 |
quantity | Number | 購買數(shù)量 |
address | Pointer | 地址 |
express_fee | Number | 配送費 |
amount | Number | 餐費 |
total | Number | 總計 |
status | Number | 狀態(tài)(0,待付款;1,已付款;2,派送中;-1,已取消) |
detail | Array | 清單 |
sn | String | 訂單號 |
6.用戶表
字段名 | 類型 | 注釋 |
userInfo | Object | 用戶昵稱頭像等 |
authData | Object | Bmob維護的用戶openid等信息 |
HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面,所看即所得,只需要美工就能做出精美商城。
更多小程序開發(fā)案例,盡在:http://westcoastpropertyservices.com/xiaocx/kaifa.html