商品详情页分析和准备
1.商品分类
2.面包屑
3.热销排行
4.商品名字、价格、数量、规格(颜色,内存,) 总价(和数量有关系)
5.商品详情 规格与包装 售后服务
6. 商品评价(完成下单后)
商品详情页组成结构分析
1.商品频道分类
• 已经提前封装在contents.utils.py文件中,直接调用方法即可。
2.面包屑导航
• 已经提前封装在goods.utils.py文件中,直接调用方法即可。
3.热销排行
• 该接口已经在商品列表页中实现完毕,前端直接调用接口即可。
4.商品SKU信息(详情信息)
• 通过sku_id可以找到SKU信息,然后渲染模板即可。
• 使用Ajax实现局部刷新效果。
5.SKU规格信息
• 通过SKU可以找到SPU规格和SKU规格信息。
6.商品详情介绍、规格与包装、售后服务
• 通过SKU可以找到SPU信息,SPU中可以查询出商品详情介绍、规格与包装、售后服务。
7.商品评价
• 商品评价需要在生成了订单,对订单商品进行评价后再实现,商品评价信息是动态数据。
• 使用Ajax实现局部刷新效果。
商品详情页接口设计和定义
1.请求方式
选项 方案
请求方法 GET
请求地址 /detail/(?P<sku_id>\d+)/
2.请求参数:路径参数
参数名 类型 是否必传 说明
sku_id string 是 商品SKU编号
3.响应结果:HTML
detail.html
4.接口定义
商品详情页
goods/views.py
class DetailDoodsView(View):
"""商品详情页"""
def get(self, request, sku_id):
# 验证
try:
sku = SKU.objects.get(id=sku_id)
except Exception as e:
# return http.HttpResponseForbidden('参数sku_id不存在')
return render(request, '404.html')
# 查询商品分类
categories = get_categories()
# 查询面包屑
breadcrumb = get_breadcrumb(sku.category)
# 以下代码为整个项目最难理解的内容
# 构建当前商品的规格键
sku_specs = SKUSpecification.objects.filter(sku__id=sku_id).order_by('spec_id')
sku_key = []
for spec in sku_specs:
sku_key.append(spec.option.id)
# [1, 4, 7] [8, 11]
# print(sku_key)
# 获取当前商品的所有SKU
spu_id = sku.spu_id
skus = SKU.objects.filter(spu_id=spu_id)
# 构建不同规格参数(选项)的sku字典
spec_sku_map = {
}
for s in skus:
# 获取sku的规格参数
s_specs = s.specs.order_by('spec_id')
# print(s_specs.query)
# 用于形成规格参数-sku字典的键
key = []
for spec in s_specs:
key.append(spec.option.id)
# 向规格参数-sku字典添加记录
spec_sku_map[tuple(key)] = s.id
# print(spec_sku_map)
# 获取当前商品的规格信息
goods_specs = SPUSpecification.objects.filter(spu_id=spu_id).order_by('id')
# print(goods_specs)
# 若当前sku的规格信息不完整,则不再继续
# if len(sku_key) < len(goods_specs):
# return
for index, spec in enumerate(goods_specs):
# print(index, spec)
# 复制当前sku的规格键
key = sku_key[:]
# 该规格的选项
spec_options = spec.options.all()
for option in spec_options:
# 在规格参数sku字典中查找符合当前规格的sku
key[index] = option.id
option.sku_id = spec_sku_map.get(tuple(key))
spec.spec_options = spec_options
context = {
"sku": sku,