訂飲料 App— 50嵐

利用 Airtable 串接後台API 及上傳資料

天氣這麼熱是該喝飲料了!

這次是利用 Airtable 先把後台資料寫好再來做串接API,一開始想把飲料分類就直接把 Menu分成四份做串接,再加上一個總訂單的資料。

在 storyboard 用 1 個 UIView 帶入 4 個 TableViewController,最後再把點選的畫面資料傳給下一個頁面。

頁面切換的程式碼:

MenuViewController 中的 UIView
以 Page1TableViewController 為說明:

先抓取 MenuPage1的資料
並把抓取的資料設定給 Cell

Page1TableViewController 有多一個 UIActivityIndicatorView ,主要是在點進 Menu 畫面一開始時會先有 Loading 的畫面,之後再點選其他的Menu 時已經抓好了,所以其他的 TableViewController 就不需要再加上UIActivityIndicatorView

畫面一開始就先抓後台資料跟轉圈圈
點到其中一筆飲料資料,就傳給下一頁

DrinkOrderViewController:

接收上一頁資料訊息
加料計算(加料的錢是為了讓數字有變化,實際金額不是這個價錢)

加料計算時一開始是直接抓 totalPriceLabel.text 的值,結果加完設定回去時再轉換成其他加料的項目,他的價錢會不斷累加(無限加料😂),是要重新設定一個變數(money)加完後再設定給 totalPriceLabel。

點餐確認

點餐時用 ”POST” 把資料傳給 Airtable 的 order。

OrderFormTableViewController:

--

--