Episode 100 — 訂飲料 App: 天仁茗茶

歡慶 100 篇 🎉🎉,來訂個飲料慶祝一下。歷時五天終於完成這個作業,太久沒有做這種相對完整的專案,做完還真的是筋疲力盡。本篇先單純介紹功能介紹及如何完整訂飲料,日後再講解一些程式碼相關的使用方法。

完整操作

註冊及登入

沒有帳號的一律都要先註冊帳號,但也就用簡單名稱註冊即可,以不要忘記為主。註冊後再登入,成功後會看到首頁。

首頁上方目前僅能左右瀏覽,下方的欄位可以連到官網

訂飲料

瀏覽喜歡的飲料

上方有排名 8 種熱門的飲品,每杯飲品都可點選直接訂購。下方可透過 Segmented Control 來切換類別,上下滑動瀏覽各飲品。

查看提示

點擊右上角的 i 可以瀏覽更多飲品提示。列如飲料旁邊有個 “限” 字樣代表只有某些店家有賣,所以建議先確定店家是否有賣該飲品再下單。

調整飲品

點擊任一杯飲料都可以連到飲料調整畫面。可以看到有些按鈕不能按代表默認選項或是無提供該選項。可以透過右上角看到目前價位。

我這邊設定是一定要輸入暱稱,沒輸入會跳出警告窗。

確認加入訂購

當完成編輯按加入購物車時,會先跳出確認警告窗。可以按繼續編輯來更改,或按確認直接儲存訂單。

創建或加入團購群組

你可以按創建團購訂單來幫你的飲料歸類在自己創的群組裡,輸入團體名稱按確認後就代表成功創一個團購團。

你也可以加入其他人創的團購群組,按加入其他團購訂單按鈕會跳出選項(如果有人創的話),選完群組按選擇代表你的飲料已成功加進該群組。

按一下返回菜單即可繼續瀏覽飲品

查看訂單

點右下角帳號管理後,點擊您的訂單,可以看到你使用這個帳號訂了哪些飲料。

點選查看群組可以看到你點的這個飲料是在哪個群組

如果剛剛訂完飲料沒有設定群組按查看群組會跳出警告窗。

編輯訂單

可以向左滑將該飲品刪除

如果發現飲品有缺的話可以下拉重新整理

可以直接按飲料欄位進行編輯,像剛剛洛神冰茶忘記加到群組就可以在這裡做編輯。

查看已有的團購群組

可以在您的團購群組看到所有你曾經幫你飲料加進的群組,群組也會包含其他使用者加入的訂單。

訂購

可以在您的團購群組去進行訂購的動作,訂購頁面中已看到每杯飲料的列表。選擇店家可以顯示地址跟電話,點擊電話可撥打。

到您的訂單中去查看群組也可以訂購團購訂單

登出

在帳號管理中可以直接做登出的動作

尋找茶葉

到找茶葉頁面可以逛茶葉,點選商品可以連結到官網的產品。

--

--