這篇簡單說明使用者故事(以會員角度)。
假定華特義式餐廳為一餐飲集團,旗下有多個義式料理相關的餐飲品牌。為提供集團會員更多便利和互動性,會員主頁除首頁、登出外提供「口袋餐廳」、「餐廳實評」兩項功能。說明請見以下小節。
(1)會員主頁
會員登入後主頁會顯示歡迎訊息。畫面下方可再增加主頁功能說明等文字,或放置更多餐飲集團相關圖片來排版。在此就不示範了。
「Day8-試試Vue3-會員登入後轉跳主頁」有程式碼可參考。
(2)口袋餐廳
透過該集團的選單供會員挑選出喜愛的餐飲品牌。選單會列出品牌的合適受眾、品牌名稱、地址、地圖(試看看能不能做到)。選取後的結果會羅列在一張表上。
這功能為學習對 API 資料做撈取、篩選與排序。
(3)餐廳實評
依據「口袋餐廳」選出的資料列表,增加餐廳文字評論的功能。提供會員紀錄餐飲品牌用餐體驗,此評論為私密文章,其他會員無法瀏覽。藉此幫助會員下次用餐選擇時的參考依據。
這功能為學習對 API 資料做撈取、篩選、新增與編輯。
(4)登出
選擇登出後會將頁面導至會員登入頁面。
「Day8-試試Vue3-會員登入後轉跳主頁」有程式碼可參考。