商城系統(tǒng) 注冊

電商app開發(fā)制作購物車頁面

2021-07-01|HiShop
導(dǎo)讀:電商app開發(fā)購物車頁面 搜索,隨著產(chǎn)品版本迭代、品類豐富度夠高、用戶目標(biāo)足夠明確的時(shí)候才會(huì)用到;分類也是一種導(dǎo)航,目的是提高查找商品的效率,...

  電商app開發(fā)購物車頁面

  搜索,隨著產(chǎn)品版本迭代、品類豐富度夠高、用戶目標(biāo)足夠明確的時(shí)候才會(huì)用到;分類也是一種導(dǎo)航,目的是提高查找商品的效率,但帶來便利的同時(shí)也增加了使用成本,慎重增加。

  商品詳情頁結(jié)構(gòu)相對簡單,第一部分是頂部的頭圖區(qū)域展示商品的大圖,支持多張圖片來回切換,也可以在這里放短視頻,和圖片配合著使用。頭圖下方的商品基本信息是一個(gè)單獨(dú)區(qū)域。

  購物車頁面有兩個(gè)場景要照顧到:

  場景一:用戶新打開APP,進(jìn)入該頁面時(shí)可以先請求數(shù)據(jù),沒有庫存的商品就直接從列表刪除;

  場景二:用戶在APP其他頁面點(diǎn)擊進(jìn)入購物車頁面時(shí),商品狀態(tài)可以在點(diǎn)擊“結(jié)算”按鈕時(shí)再做一次檢測,如果商品庫存空了則提示用戶沒有庫存的商品,用戶確認(rèn)后可以繼續(xù)結(jié)算。

  訂單管理頁面邏輯就簡單多了,待支付訂單可以支付、待收貨訂單可以查看物流、結(jié)算的訂單可以再次購買。這里有幾個(gè)功能邏輯需要考慮到:

  第一個(gè)是待支付訂單商品沒有庫存的時(shí)候,和前面購物車頁面那里的處理機(jī)制一樣;

  第二個(gè)是已結(jié)束的訂單,用戶再次購買時(shí),之前購買過的商品下架或者沒有庫存的時(shí)候,可以選擇告訴用戶沒有了的商品,留下可再次購買的商品,點(diǎn)擊后直接跳轉(zhuǎn)到結(jié)算頁面,不經(jīng)過購物車頁面。

  電商類APP開發(fā)的功能設(shè)計(jì)較難的部分是后臺(tái),APP端的功能設(shè)計(jì)到后面基本沒什么大的改動(dòng),最多的是后端需要配合各種活動(dòng)去設(shè)計(jì),功能及其復(fù)雜。另外就是商品庫存管理系統(tǒng)和物流訂單管理系統(tǒng),這里會(huì)涉及到商品出入庫和商品退單的核銷在里面,相對比較復(fù)雜。更多關(guān)注hi商城系統(tǒng)電商app開發(fā)全知道。

電話咨詢 預(yù)約演示 0元開店