MACU - 品牌網站

專案動機:
手搖飲料近幾年來如雨後春筍般冒出,市場需求至今還未達到飽和狀態
而同業間除了拚茶葉品質外、各逐漸轉向拚比食材用料口感,甚至店內裝潢
透過拍照打卡更無形中形成手搖飲的特色之一!
由於設計經驗不足的前提下,在參考大量數據後,透過已有品牌從中選取手搖飲料為我本次的專題題材。
專案實現技術:
登錄註冊功能
當註冊使用相同手機號註冊時,顯示用戶名已註冊,請嘗試登入或更換密碼功能
當登入時,如手機號未被註冊過,顯示該手機號不存在
當登入時,如手機號正確,但密碼不正確,顯示密碼錯誤


攔截器功能
在選擇加入購物車前必須先登入,才可進行商品選擇、加入購物車、以及結帳功能
商品詳情添加數量
商品詳情頁可透過增加與減少符號選擇購買數量,使商品添加至購物車中進行挑選

購物車購買數目
根據點擊商品的數量增加與減少將更動購買的價格
刪除購物車
點擊商品刪除鍵,此商品將在購物車的資料表中刪除

購物車商品總金額及總杯數
當購物車的商品數量發生變動時總金額與總杯數都會產生變動

結帳
結算後生成訂單號以及訂單明細

領取飲品
當客戶確認商品明細及總金額無誤即可領取商品,同時間購物車清零

專案心得
學以致用
透過一次次與老師溝通討論,並獨立完成專案製作,已達到學以致用的精神,
這才是學習的真諦
創造力、邏輯思維、耐心、細心
當面臨難以發覺的Debug時,除了有基本邏輯判斷能力外,更重要逆向思維能
力,再來是細心與耐心部分,缺一不可
Comments