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

1:在list.html中增加bootstrap分页代码

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

2:增加样式,使分页列表居中

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

3:修改views.py文件,将分页数据传到前端

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

4:修改list.html,根据传到前端的分页数据进行渲染分页条

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

运行效果如下:

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

5:启动django的shell进行调试

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

6:shell启动完成后,导入分页和产品页

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

7:导入相关代码,测试page_range的数据

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

8:修改list.html,增加当前页高亮效果

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

9:增加分页后的链接跳转

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

10:批量制作测试数据,修改models.py

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

11:在views.py中编写分页函数

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

12:修改views.py文件中的product_list函数

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

13:修改list.html

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

14:修改views.py,传递分页数据

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

15:修改list.html,增加向前一页和向后一页的功能

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

点赞