Starbucks訂飲料App-Part3-串接Airtable(上傳資訊)

功能用法介紹:

  1. 建立飲料資訊的後台
  2. 修改飲料資訊更新後台
  3. 刪除飲料資訊更新後台
  4. 選擇飲料的內容
  5. 串接Airtable API上傳飲料資訊至後台
  6. 訂購完成時出現alert訊息並透過handler跳轉回Menu

實作(前置工作):

首先需要在Airtable建立要上傳的飲料資訊。(OrderData)

串接API:

上一篇有介紹怎麼串接API:

之後在程式裡自訂型別:

可以去Airtable裡看到刪除Delete的介紹(下一篇會介紹刪除)

OrderDrinkViewController:

image:從MenuViewController傳資料過來

飲料名字Label:從MenuViewController傳資料過來

飲料描述Label:從MenuViewController傳資料過來

訂購者tableViewCell:自己設定

飲料選擇種類:自己設定

飲料內容的設定DrinkSection:

這樣前置準備工作都差不多作完了

程式碼(OrderDrinkViewController):

我都有在程式備註!若有特別重要的我會在說明~

tableView的設定:

OrderInfo就是從上述前置工作來的

由於我的訂購人跟飲料內容我是用兩個Cell做的,所以要注意設定Cell id

tableView的點擊設定:

這裡要注意的是有些飲料內容只能選擇一個,像大小杯、溫度、甜度等

所以我先把這些只能選擇一個的去設定Bool去做判斷。

而配料feed可以多選,就不用特別設定Bool,這樣就變成點一下為true

再點一下為false。

顯示從MeunComtroller傳來的飲料內容:

Button設定:

這裡有包含修改的判斷,我是在飲料清單OrderListViewControler中設置Bool去判斷,並傳回來。因為修改訂單跟加入訂單是共用的,所以設置一個delegate。

利用alert搭配handler,按下確定後,開始把選擇好的飲料資訊上傳至Airtable裡(updateData())設置的OrderData並再次顯示加入訂單的alert,利用checkOption()這個func判斷飲料內容是否都有選擇到。

updateData():

checkOption():

這樣就可以成功的把飲料資訊上傳到後台(Airtable)~~

完整的程式我會放在最後一篇文章裡~~

--

--