訂飲料 App— 50嵐
利用 Airtable 串接後台API 及上傳資料
這次是利用 Airtable 先把後台資料寫好再來做串接API,一開始想把飲料分類就直接把 Menu分成四份做串接,再加上一個總訂單的資料。
頁面切換的程式碼:
MenuViewController 中的 UIView
以 Page1TableViewController 為說明:
在 Page1TableViewController 有多一個 UIActivityIndicatorView ,主要是在點進 Menu 畫面一開始時會先有 Loading 的畫面,之後再點選其他的Menu 時已經抓好了,所以其他的 TableViewController 就不需要再加上UIActivityIndicatorView
DrinkOrderViewController:
加料計算時一開始是直接抓 totalPriceLabel.text 的值,結果加完設定回去時再轉換成其他加料的項目,他的價錢會不斷累加(無限加料😂),是要重新設定一個變數(money)加完後再設定給 totalPriceLabel。
點餐時用 ”POST” 把資料傳給 Airtable 的 order。
OrderFormTableViewController:
刪除訂單是利用每一筆資料的 id,這邊我在 Airtable order 裡 沒有設定,因為他是自己自動產生 id 。
讓我想破頭的事是…他!
原因是…一開始沒有寫這段 self.orderInfo.remove(at: indexPath.row),
但是寫了還是閃退!想了很久原來是順序的問題啊!我把上面這段寫在DispatchQueue.main.async { } 裡面,最後把他移出來寫在.resume()底下就可以囉!
完整程式碼:
主要 Airtable 教學請看大神示範👇:
圖片及程式參考資料: