實戰:雲開發·實現奶茶店小程序

2020-5-6

文章編號:008/100javascript

之前不多寫文章。從今天開始我要挑戰一下本身,連續輸出100篇技術類文章。這100篇文章我儘可能以實戰案例爲主。前端

若是你以爲本文還不錯,記得關注或者給個 star,大家的贊和star是我編寫更多更精彩文章的動力!
GitHub 地址java

看完上一篇文章,你已經能夠作一個在線支付小程序了。git

此次咱們來作一個「奶茶店·小程序」github

可是這樣的項目仍是略微複雜了些,一篇文章是寫不完的。我要分爲三篇。web

  • 第一篇:業務邏輯拆分,敲定設計稿,設計 API 和數據庫
  • 第二篇:完成接口開發,測試接口
  • 第三篇:完成前端頁面,聯調接口

本文重點內容

  • 展現設計稿
  • 梳理業務邏輯
  • 設計數據庫和API

設計稿

demo.png

業務邏輯

我認爲小程序必需要「小」,只要功可以用便可。因此「奶茶店·小程序」只要作到如下兩點就足夠了。數據庫

  • 能下單
  • 能排隊

那麼如今梳理一下:小程序分爲:管理端和客戶端。小程序

管理端

管理端是用來上架奶茶,訂單管理用的。具體功能以下segmentfault

  • 奶茶[增,刪,改,查]
  • 奶茶品類[增,刪,改,查]
  • 奶茶選項[增,刪,改,查]
  • 訂單隊列socket

    • 正序展現未出單的奶茶,能夠更改訂單狀態:排隊中,已完成
    • 可查看歷史銷量
  • 財務(總資產,當天營業額)

客戶端

  • 奶茶列表
  • 購物車
  • 訂單詳情

    • 排隊號
    • 狀態:排隊中,已完成
    • 支付金額

設計數據庫和API

數據庫設計:

- User
    ...wx UserInfo
    identity: [user, admin]

- Tea
    name
    description
    imgs
    price
    selects: []

- TeaCategory
    title

- TeaAutherServices
    title
    childs: []
        id
        title
        price

- Order
    user
    createDate
    teaList: []
        tea
    status: 下單,支付,已收貨,已評價
    evaluate
        userId
        score
        text

- Queue 排隊: 用小程序
    currentDate
    orderId

API 設計,雲函數並不能

User
    case 'create':
    case 'login':
    註冊
    登陸
        消費者
        管理員
Tea
    case 'create':
    case 'delete':
    case 'update':
    case 'select':
    增刪改查
TeaCategory
    case 'create':
    case 'delete':
    case 'update':
    case 'select':
    增刪改查
TeaAutherServices
    case 'create':
    case 'delete':
    case 'update':
    case 'select':
    增刪改查
Order
    case 'create':
    case 'delete':
    case 'update':
    case 'select':
    增刪改查
Queue
    case 'enqueue':
    case 'dequeue':
    入隊
        已付訂單入隊
        檢查隊列日期,若是是昨天則清空隊列
    出隊
        移除隊列
------------------------------
客戶端還要實現一個隊列表的 socket 監聽,實時刷新排隊頁面

最後

下一篇文章:我們開始寫代碼,實現數據庫和接口
web_access_2.png

相關文章
相關標籤/搜索