练习:快速用Django进行分页实例

2022-10-1820:54:36后端程序开发Comments1,038 views字数 297阅读模式

1.分页实例

 

我们想要在
http://127.0.0.1:8000/t_page?page=1页面进行分页操作文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

1)路由的设置:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

练习:快速用Django进行分页实例文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

2)视图的设置文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

①将参数传递到网页:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

练习:快速用Django进行分页实例文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

②实例化paginator。我们选择每页展示2条数据文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

练习:快速用Django进行分页实例文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

③page对象实例化文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

练习:快速用Django进行分页实例文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

④最终展示视图设置:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

练习:快速用Django进行分页实例文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

2.模板的设置

 

①首先我们通过for循环将每页的数据展示出来:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

练习:快速用Django进行分页实例文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

②我们将上一页进行设置:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

判是否有上一页,如果有上一页,链接到上一页的地址,否则,只展示上一页文字块。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

练习:快速用Django进行分页实例文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

③下一页的设置也是同理文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

练习:快速用Django进行分页实例④在上一页和下一页之间展示的是页码文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

首先对页码范围进行循环,当循环页码与当前页码一致时,只展示当前页码,没有超链接,否则就展示超链接文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

练习:快速用Django进行分页实例文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

这样我们就完成了分页的练习。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/bc/28363.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/bc/28363.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定