您的位置：首页 > 脚本大全 > > 正文

django分页器图（Django框架实现分页显示内容的方法详解）

更多时间：2021-10-03 01:26:10 类别：脚本大全浏览量：2905

django分页器图

Django框架实现分页显示内容的方法详解

本文实例讲述了django框架实现分页显示内容的方法。分享给大家供大家参考，具体如下：

分页

1、作用

数据加载优化

2、前端引入bootstrap样式：

1 2	`{# 引入bootstrap样式的cdn资源 #}` `<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"` `rel="external nofollow"` `rel="stylesheet">`

引入分页器：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65 <li id="rootbox">

<h1>文章列表</h1>

<ul id="bloglist">

{# 遍历博文 #}

{% for blog in page.object_list %}

{# 显示博文标题 #}

<li>

<a href="{% url 'app:readblog' blog.id %}" rel="external nofollow" ><h3>{{ blog.title }}</h3></a>

</li>

{% endfor %}

</ul>

{#分页器:html内容拷贝于bootstrap网站-组件-分页#}

{# bootstrap是一整套成熟经典的页面组件框架 #}

<nav aria-label="page navigation">

<ul class="pagination">

{# 上一页按钮 #}

{# 如果有上一页 #}

{% if page.has_previous %}

<li>

{# 点击超链接,对上一页的页面发起访问 #}

<a href="{% url 'app:blogs' page.previous_page_number %}" rel="external nofollow" aria-label="previous">

<span aria-hidden="true">«</span>

</a>

</li>

{# 如果没有上一页 #}

{% else %}

{# 当没有上一页时,阅读bootrap文档得知,对当前li使用disabled样式 #}

<li class="disabled">

{# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,处于禁用状态的按钮被点击时直接跳转本页 #}

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" aria-label="previous">

<span aria-hidden="true">«</span>

</a>

</li>

{% endif %}

{# 页码按钮 #}

{# 遍历传入的页码范围 #}

{% for p in pagerange %}

{# 如果页码=当前页页码 #}

{% ifequal p currentpage %}

{# 被选中的页码具有高亮效果,阅读bootrap文档得知,对当前li使用active样式 #}

{# {% url 'app:blogs' p %} 点击页码,对第p页的路由发起访问 #}

<li class="active"><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>

{% else %}

{# 非当前页页码普通显示 #}

<li><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>

{% endifequal %}

{% endfor %}

{# 下一页按钮 #}

{% if page.has_next %}

<li>

{# 点击超链接,对下一页的页面发起访问 #}

<a href="{% url 'app:blogs' page.next_page_number %}" rel="external nofollow" aria-label="next">

<span aria-hidden="true">»</span>

</a></li>

{% else %}

{# 当没有下一页时,阅读bootrap文档得知,对当前li使用disabled样式 #}

<li class="disabled">

{# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,处于禁用状态的按钮被点击时直接跳转本页 #}

<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" aria-label="next">

<span aria-hidden="true">»</span>

</a></li>

{% endif %}

</ul>

</nav>

</li>

3、paginator

数据分页工具
对象创建
- paginator(数据集，每一页数据数)
属性
- count：对象总数
- page_range：页码列表，从1开始
- num_pages：页面总数
方法
- page(整数): 获得一个page对象
常见错误
- invalidpage：page()传递无效页码
- pagenotaninteger：page()传递的不是整数
- empty：page()传递的值有效，但是没有数据

4、page

具体的某一页面
对象获得，通过paginator的page()方法获得
属性
- object_list：当前页面上所有的数据对象
- number：当前页的页码值
- paginator: 当前page关联的paginator对象
方法
- has_next()：判断是否有下一页
- has_previous()：判断是否有上一页
- has_other_pages()：判断是否有上一页或下一页
- next_page_number()：返回下一页的页码
- previous_page_number()：返回上一页的页码
- len()：返回当前页的数据的个数

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31 # 显示博文列表

# pagenum=路由参数=用户想要查看第几页

def showblogs(request, pagenum):

# 查询数据库获取所有博文

blogs = blog.objects.all()

# 构建分页器对象,blogs=所有博文,2=每页显示的个数

paginator = paginator(blogs, 2)

# 获取第n页的页面对象

page = paginator.page(pagenum)

# paginator和page的常用api

# page.previous_page_number()

# page.next_page_number()

# page.has_previous()

# page.has_next()

# 构造页面渲染的数据

'''

渲染需要的数据:

- 当前页的博文对象列表

- 分页页码范围

- 当前页的页码

'''

data = {

# 当前页的博文对象列表

'page': page,

# 分页页码范围

'pagerange': paginator.page_range,

# 当前页的页码

'currentpage': page.number,

}

# 将数据丢给页面渲染

return render(request, 'blogs.html', context=data)

希望本文所述对大家基于django框架的python程序设计有所帮助。

原文链接：https://blog.csdn.net/lm_is_dc/article/details/80528010

标签：django 分页

上一篇：docker-compose项目部署（使用Docker Compose部快速署ELK亲测有效）

下一篇：python中split使用方法（python lxml中etree的简单应用）

您可能感兴趣

django分页器图（Django框架实现分页显示内容的方法详解）

django分页器图

热门推荐

排行榜