购物车内容分析 / list 开发思想:
1. 用户进购物车页面时有没有登录
没登录:显示一个 友好提示,提供一个按钮让用户点击可以去登录页面
登录了:发ajax前携带token,向服务器请求当前登录用户的所有购物车数据
$.ajax({
url: '/cart/list',
type: 'post',
headers: { Authorization: 存在sessionStorage中的token }
success: 自己写
})
回来的数据是什么格式
如果没有相关购物信息返回一个空数组[],有一条也是数组
data中的每一条数据类似
{
id: 购物记录的id,
pid:购买商品的id,
count: 买了几个,
addTime: 加入购物车的时间,
name:商品的名字,
avatar: 商品的大头图标,
price: 商品的价格,
remark: 商品的简价备注
}
{ status: ?, data: [](数组), message: ?? }
2. 如果登录了
ajax回来以后没有购物信息:引导用户去购物
ajax加来以后如果有购物信息:动态展示
3. 购物数量增加
$.ajax({
url: '/cart/increase/相应的购物记录id',
type:'post',
headers: { Authorization: 存在sessionStorage中的token },
success: 略
});
返回的数据的结果
成功: { status: 200, data: null, message: '' }
失败: { status: 失败相关的状态码, data: null, message: '失败的原因' }
4. 购物数量减少
$.ajax({
url: '/cart/decrease/相应的购物记录id',
type:'post',
headers: { Authorization: 存在sessionStorage中的token },
success: 略
});
返回的数据的结果
成功: { status: 200, data: null, message: '' }
失败: { status: 失败相关的状态码, data: null, message: '失败的原因' }
5. 进入编辑状态后,如果用户选中购物记录要做删除操作
$.ajax({
url: '/cart/remove',
type:'post',
data: { ids: 将所有用户选中的要删的购物记录的id合成一个数组然后转成json字符串 }
headers: { Authorization: 存在sessionStorage中的token },
success: 略
})
返回的数据的结果
成功: { status: 200, data: null, message: '' }
失败: { status: 失败相关的状态码, data: null, message: '失败的原因' }
6. 结算
如果用户没选,点结算提示户用户必须选
如果用户选了,再点结算,把用户当前选中的购物记录的id合成一个数组,转化成json字符串,放到cookie或者是sessionStorage中保存,然后跳转到订单确认页面,放的时候键叫什么名字自己定
==========================================================================================================================================================
1. 列表详情 购物车 订单 全部订单 结算 等都是 一进页面都是先进 axios
2. 一个页面里 并不是说 只有一个axios 请求,,如果 一个axios 要被重复利用,且一开始就被调用的话
getAxion(){
}
然后在 create:{
先执行一下
this.getAxion(){
}
}。
列表: 手机端开发 大部分是不会出现 分页情况,
PC端开发 会出现分页。
pc端:在开发过程中会出现分页情况。

浙公网安备 33010602011771号