Episode 100 — 訂飲料 App: 天仁茗茶
歡慶 100 篇 🎉🎉,來訂個飲料慶祝一下。歷時五天終於完成這個作業,太久沒有做這種相對完整的專案,做完還真的是筋疲力盡。本篇先單純介紹功能介紹及如何完整訂飲料,日後再講解一些程式碼相關的使用方法。
完整操作
註冊及登入
沒有帳號的一律都要先註冊帳號,但也就用簡單名稱註冊即可,以不要忘記為主。註冊後再登入,成功後會看到首頁。
首頁上方目前僅能左右瀏覽,下方的欄位可以連到官網
訂飲料
瀏覽喜歡的飲料
上方有排名 8 種熱門的飲品,每杯飲品都可點選直接訂購。下方可透過 Segmented Control 來切換類別,上下滑動瀏覽各飲品。
查看提示
點擊右上角的 i 可以瀏覽更多飲品提示。列如飲料旁邊有個 “限” 字樣代表只有某些店家有賣,所以建議先確定店家是否有賣該飲品再下單。
調整飲品
點擊任一杯飲料都可以連到飲料調整畫面。可以看到有些按鈕不能按代表默認選項或是無提供該選項。可以透過右上角看到目前價位。
我這邊設定是一定要輸入暱稱,沒輸入會跳出警告窗。
確認加入訂購
當完成編輯按加入購物車時,會先跳出確認警告窗。可以按繼續編輯來更改,或按確認直接儲存訂單。
創建或加入團購群組
你可以按創建團購訂單來幫你的飲料歸類在自己創的群組裡,輸入團體名稱按確認後就代表成功創一個團購團。
你也可以加入其他人創的團購群組,按加入其他團購訂單按鈕會跳出選項(如果有人創的話),選完群組按選擇代表你的飲料已成功加進該群組。
按一下返回菜單即可繼續瀏覽飲品
查看訂單
點右下角帳號管理後,點擊您的訂單,可以看到你使用這個帳號訂了哪些飲料。
點選查看群組可以看到你點的這個飲料是在哪個群組
如果剛剛訂完飲料沒有設定群組按查看群組會跳出警告窗。
編輯訂單
可以向左滑將該飲品刪除
如果發現飲品有缺的話可以下拉重新整理
可以直接按飲料欄位進行編輯,像剛剛洛神冰茶忘記加到群組就可以在這裡做編輯。
查看已有的團購群組
可以在您的團購群組看到所有你曾經幫你飲料加進的群組,群組也會包含其他使用者加入的訂單。
訂購
可以在您的團購群組去進行訂購的動作,訂購頁面中已看到每杯飲料的列表。選擇店家可以顯示地址跟電話,點擊電話可撥打。
到您的訂單中去查看群組也可以訂購團購訂單
登出
在帳號管理中可以直接做登出的動作
尋找茶葉
到找茶葉頁面可以逛茶葉,點選商品可以連結到官網的產品。