第3章點餐小程序項目需求分析主講人：譚麗君微信小程序開發(fā)

3.1點餐小程序項目需求分析

項目需求分析原則

從用戶角度出發(fā)，與用戶進行溝通交流，充分挖掘用戶真實需求，分析并寫出需求文檔。

3.1點餐小程序項目需求分析

菜單菜單頁面功能①輪播圖②顯示商品：

顯示每種商品的圖片、名稱、價格和購物車按鈕。③添加商品到購物車：點擊“加入購物車”按鈕，可以將商品添加到購物車。本項目點餐微信小程序主要實現(xiàn)點餐最基本的功能，包括菜單、購物車、確認訂單、訂單4個頁面。菜單、購物車、訂單3個頁面底部都有標(biāo)簽導(dǎo)航，點擊標(biāo)簽導(dǎo)航，可以相互切換這3個頁面，并顯示對應(yīng)的頁面內(nèi)容。

3.1點餐小程序項目需求分析

購物車購物車頁面功能①顯示購物車中每件商品:包括每件商品的圖片、名稱、價格數(shù)量，最下面顯示全選、合計、結(jié)算\刪除，右上角顯示編輯/完成。②修改商品數(shù)量：單擊+或者-,可以增加或者減少商品數(shù)量。③刪除商品：點擊右上角“編輯”按鈕，才能進行以下刪除操作?！稂c擊商品前面選框-->點擊右下角“刪除”按鈕，可以刪除選中的商品。★點擊左下角“全選”-->點擊右下角“刪除”按鈕，可以刪除所有商品。④結(jié)算：點擊右上角“完成”按鈕，切換為“編輯”按鈕，才能進行下面的結(jié)算操作?！稂c擊商品前面選框，下方顯示合計金額-->點擊右下角“結(jié)算”按鈕，可以結(jié)算選中的商品?！稂c擊左下角“全選”，下方顯示合計金額-->點擊右下角“結(jié)算”按鈕，可以結(jié)算所有商品。

3.1點餐小程序項目需求分析

確認訂單頁面功能①顯示本次訂單中每種商品的圖片、標(biāo)題、單價、數(shù)量，下面顯示總金額、“立即結(jié)算”按鈕。②點擊“立即結(jié)算”，彈出“確認提交訂單嗎”窗口?！稂c擊“確定”，顯示下單成功，并跳轉(zhuǎn)到訂單頁。本教程沒有實現(xiàn)支付功能?！稂c擊“取消”，彈出取消訂單。確認訂單

3.1點餐小程序項目需求分析

訂單訂單頁面功能顯示我的所有訂單：①每個訂單中會顯示訂單商品圖片、標(biāo)題、數(shù)量、實付金額、下單時間。②每個訂單之間會有間隔顯示。3.2點餐小程序頁面框架分析1.菜單頁面菜單的最上面是輪播圖，中間是所有商品信息，底部導(dǎo)航欄在app.json文件里實現(xiàn)，菜單頁面框架分析如下圖3.2點餐小程序頁面框架分析2.購物車購物車的右上角顯示編輯/完成，可以相互切換，中間是購物車中商品信息，下面是結(jié)算。3.2點餐小程序頁面框架分析3.確認訂單確認訂單中上面顯示訂單中商品信息，下面顯示金額和立即結(jié)算。3