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张图片

你可能感兴趣的:(django开发电子商城(四)django分页进阶和列表长度控制)