博客
关于我
比Django官方实现更好的分页组件+Bootstrap整合
阅读量:412 次
发布时间:2019-03-06

本文共 2411 字,大约阅读时间需要 8 分钟。

前言

Django全家桶自带的分页组件只能说能满足分页这个功能,但是没那么好用就是了

Django的分页效果

django-pure-pagination分页效果

使用方法

首先安装:

pip install django-pure-pagination

添加到App

INSTALLED_APPS = (    ...    'pure_pagination',)

配置一下,配置说明如图

PAGINATION_SETTINGS = {    'PAGE_RANGE_DISPLAYED': 10,    'MARGIN_PAGES_DISPLAYED': 2,    'SHOW_FIRST_PAGE_WHEN_INVALID': True,}

视图代码例子

from django.shortcuts import renderfrom pure_pagination import Paginatorfrom .models import Videodef all_video(request):    video_list = Video.objects.all()    paginator_obj = Paginator(video_list, 10, request=request)    ctx = {        'page': paginator_obj.page(request.GET.get('page', 1)),    }    return render(request, 'video_list.html', context=ctx)

模板代码

注意这个django-pure-paginationPaginator对象和Django内置的Paginator有点不同,在用法上不同。

Django内置的Paginator本身就是迭代器了,直接for item in page就行,但是django-pure-pagination不同,得for item in page.object_list,这个区别注意一哈~

因此,django-pure-pagination需要这样遍历页面内的对象:

{% for video in page.object_list %}    {% include "widgets/video_card.html" %}{% empty %}    
{% endfor %}

分页器的HTML代码

这里最好是单独写一个paginator.html,作为Django模板组件,然后其他页面可以很方便的使用{% includ "paginator.html" %}引入

{% load i18n %}{% if page.paginator.num_pages > 1 %}    
{% endif %}

最终实现的效果

参考资料

  • 官网:

欢迎交流

程序设计实验室专注于互联网热门新技术探索与团队敏捷开发实践,在公众号「程序设计实验室」后台回复 linux、flutter、c#、netcore、android、kotlin、java、python 等可获取相关技术文章和资料,同时有任何问题都可以在公众号后台留言~

  • 博客园:
  • 打代码直播间:
  • 知乎:

转载地址:http://dmkuz.baihongyu.com/

你可能感兴趣的文章
使用QT实现一个简单的登陆对话框(纯代码实现C++)
查看>>
QT :warning LNK4042: 对象被多次指定;已忽略多余的指定
查看>>
GLFW 源码 下载-编译-使用/GLAD配置
查看>>
针对单个网站的渗透思路
查看>>
Typescript 学习笔记六:接口
查看>>
02、MySQL—数据库基本操作
查看>>
OpenJDK1.8.0 源码解析————HashMap的实现(一)
查看>>
MySQL-时区导致的时间前后端不一致
查看>>
2021-04-05阅读小笔记:局部性原理
查看>>
go语言简单介绍,增强了解
查看>>
python file文件操作--内置对象open
查看>>
架构师入门:搭建基本的Eureka架构(从项目里抽取)
查看>>
MongoDB 快速扫盲贴
查看>>
one + two = 3
查看>>
sctf_2019_easy_heap
查看>>
PyQt5之音乐播放器
查看>>
Redis进阶实践之十八 使用管道模式提高Redis查询的速度
查看>>
SQL注入
查看>>
MPI Maelstrom POJ - 1502 ⭐⭐ 【Dijkstra裸题】
查看>>
Problem 330A - Cakeminator (思维)
查看>>