django开发电子商城(四)django分页进阶和列表长度控制

1:在list.html中增加bootstrap分页代码
django开发电子商城(四)django分页进阶和列表长度控制_第1张图片
2:增加样式,使分页列表居中
django开发电子商城(四)django分页进阶和列表长度控制_第2张图片
3:修改views.py文件,将分页数据传到前端
django开发电子商城(四)django分页进阶和列表长度控制_第3张图片
4:修改list.html,根据传到前端的分页数据进行渲染分页条
django开发电子商城(四)django分页进阶和列表长度控制_第4张图片
运行效果如下:
这里写图片描述
5:启动django的shell进行调试
django开发电子商城(四)django分页进阶和列表长度控制_第5张图片
6:shell启动完成后,导入分页和产品页
django开发电子商城(四)django分页进阶和列表长度控制_第6张图片
7:导入相关代码,测试page_range的数据
django开发电子商城(四)django分页进阶和列表长度控制_第7张图片
8:修改list.html,增加当前页高亮效果
django开发电子商城(四)django分页进阶和列表长度控制_第8张图片
9:增加分页后的链接跳转
django开发电子商城(四)django分页进阶和列表长度控制_第9张图片
10:批量制作测试数据,修改models.py
django开发电子商城(四)django分页进阶和列表长度控制_第10张图片
11:在views.py中编写分页函数
django开发电子商城(四)django分页进阶和列表长度控制_第11张图片
12:修改views.py文件中的product_list函数
django开发电子商城(四)django分页进阶和列表长度控制_第12张图片
13:修改list.html
django开发电子商城(四)django分页进阶和列表长度控制_第13张图片
14:修改views.py,传递分页数据
django开发电子商城(四)django分页进阶和列表长度控制_第14张图片
15:修改list.html,增加向前一页和向后一页的功能
django开发电子商城(四)django分页进阶和列表长度控制_第15张图片

你可能感兴趣的:(python-web开发)