阿语python4-2 美多商城v5.0商品-商品列表页之第6.4.1节商品列表页分析

本文详细介绍了商品列表页的组成结构,包括商品频道分类、面包屑导航、排序和分页、热销排行等关键元素。同时,阐述了商品列表页的接口设计,通过GET请求实现不同排序和分页功能,并提供了具体的URL示例。接口返回HTML页面,实现了局部刷新的Ajax效果,确保了用户体验。
摘要由CSDN通过智能技术生成

商品列表页分析

1. 商品列表页组成结构分析

1.商品频道分类

  • 已经提前封装在contents.utils.py文件中,直接调用即可。

2.面包屑导航

  • 可以使用三级分类ID,查询出该类型商品的三级分类数据。

3.排序和分页

  • 无论如何排序和分页,商品的分类不能变。

  • 排序时需要知道当前排序方式。

  • 分页时需要知道当前分页的页码,且每页五条商品记录。

4.热销排行

  • 热销排行中的商品分类要和排序、分页的商品分类一致。

  • 热销排行是查询出指定分类商品销量前二的商品。

  • 热销排行使用Ajax实现局部刷新的效果。

2. 商品列表页接口设计和定义

1.请求方式

选项方案
请求方法GET
请求地址/list/(?P<category_id>\d+)/(?P<page_num>\d+)/?sort=排序方式
# 按照商品创建时间排序
http://www.meiduo.site:8000/list/115/1/?sort=default
# 按照商品价格由低到高排序
http://www.meiduo.site:8000/list/115/1/?sort=price
# 按照商品销量由高到低排序
http://www.meiduo.site:8000/list/115/1/?sort=hot

2.请求参数:路径参数 和 查询参数

参数名类型是否必传说明
category_idstring商品分类ID,第三级分类
page_numstring当前页码
sortstring排序方式

3.响应结果:HTML

list.html

4.接口定义

class ListView(View):
    """商品列表页"""

    def get(self, request, category_id, page_num):
        """提供商品列表页"""
        return render(request, 'list.html')
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

zz77244920

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值