購物車業務邏輯(vuex)
list(列表頁):
1:傳送ajax請求,獲取相應的資料
2:給每一個上平新增一個點選事件
3:每一個商品都要有一個ID
4:當點選商品時,將商品id值傳遞給詳情頁
details(詳情頁):
1:當進入詳情頁的時候通過url地址拿到商品的id
2:傳送ajax請求,從資料庫中獲取id相對應的商品,進行返回
3:特殊情況:
在列表頁有該商品的詳細資訊,我們可以通過id值和快取中的資料進行對比拿到相對應的商品資訊
4:加入購物車:
a:使用者登入的情況下:
將商品的id以及商品的資料存入資料庫
b:使用者非登入的情況下:
將商品的id以及商品的數量存入localstorage中,當用戶登入後將localstorage裡面的資料存入資料庫
購物車頁面:
1:非登入的情況下,從localstorage中將資料獲取,渲染到頁面上
2:登入情況下,根據使用者的id找到使用者新增到購物車的商品驚醒返回,渲染到頁面
3:當用戶對商品進行操作的時候,將操作的資訊儲存到本地,然後存入資料庫