django高级应用（分页功能）

1、原生分页应用

前端html代码

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>Title</title>

 </head>

 <body>

     <ul>

         {% for item in posts.object_list %}

             <li>{{ item.name }}- {{ item.age }}</li>

         {% endfor %}

     </ul>

     {% include 'include/pages.html' %}

 </body>

 </html>

 #include/pages.html

 {% if posts.has_previous %}

     <a href="/index1.html?p={{ posts.previous_page_number }}">上一页</a>

 {% else %}

     <a href="#">上一页</a>

 {% endif %}

 {% if posts.has_next %}

     <a href="/index1.html?p={{ posts.next_page_number }}">下一页</a>

 {% endif %}

 <span>

     {{ posts.number }}/{{ posts.paginator.num_pages }}

 </span>

前端html代码

django后台代码

 from django.shortcuts import render

 from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

 USER_LIST = []

 for i in range(, ):

     temp = {'name': 'root' + str(i), 'age': i}

     USER_LIST.append(temp)

 def index1(request):

     # 全部数据：USER_LIST，=》得出共有多少条数据

     # per_page: 每页显示条目数量

     # count:    数据总个数

     # num_pages:总页数

     # page_range:总页数的索引范围，如: (,),(,)

     # page:     page对象（是否具有下一页；是否有上一页；）

     current_page = request.GET.get('p')

     # Paginator对象

     paginator = Paginator(USER_LIST, )

     #paginator = CustemPaginator(current_page, , USER_LIST, )

     try:

         posts = paginator.page(current_page)

         # has_next              是否有下一页

         # next_page_number      下一页页码

         # has_previous          是否有上一页

         # previous_page_number  上一页页码

         # object_list           分页之后的数据列表，已经切片好的数据

         # number                当前页

         # paginator             paginator对象

     except PageNotAnInteger:

         posts = paginator.page()

     except EmptyPage:

         posts = paginator.page(paginator.num_pages)

     return render(request, "index1.html", {"posts": posts})

 django后台代码

django后台代码

缺点：功能少，例如显示页面范围等。

2、自定制添加显示页面范围的功能

 {% if posts.has_previous %}

     <a href="/index1.html?p={{ posts.previous_page_number }}">上一页</a>

 {% else %}

     <a href="#">上一页</a>

 {% endif %}

 {% for i in posts.paginator.page_num_range %}

     {% if i == posts.number %}

         <a style="font-size: 20px" href="/index1.html?p={{ i }}">{{ i }}</a>

     {% else %}

         <a href="/index1.html?p={{ i }}">{{ i }}</a>

     {% endif %}

 {% endfor %}

 {% if posts.has_next %}

     <a href="/index1.html?p={{ posts.next_page_number }}">下一页</a>

 {% endif %}

 <span>

     {{ posts.number }}/{{ posts.paginator.num_pages }}

 </span>

前端html代码

django后台代码

 from django.shortcuts import render

 from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

 USER_LIST = []

 for i in range(, ):

     temp = {'name': 'root' + str(i), 'age': i}

     USER_LIST.append(temp)

 class CustemPaginator(Paginator):

     """

     是自定制django分页类的方法

     :page_num_range 显示返回页数范围

     :current_page  当前页数

     :max_page_num 最大显示的页码数

     """

     def __init__(self, current_page, max_pager_num, *args, **kwargs):

         # 当前页

         self.current_page = int(current_page)

         # 最多显示的页码数量

         self.max_pager_num = int(max_pager_num)

         super(CustemPaginator,self).__init__(*args, **kwargs)

     def page_num_range(self):

         # 当前页

         # self.current_page

         # 最多显示的页码数量

         # self.per_pager_num

         # 总页数

         # self.num_pages

         # 判断如果页面总数量小于显示页面的总数量，那么返回最大的页面总数量。

         if self.num_pages < self.max_pager_num:

             return range(, self.num_pages + )

         part = int(self.max_pager_num / )

         # 判断当前页小于等于最大显示页的一半，那么返回1到最大显示页数量。

         if self.current_page <= part:

             return range(, self.max_pager_num + )

         # 当选择页数加上显示页数的一半的时候，说明越界了，例如最大也数是15，显示页数是10，我选择11页，那么11+5等于16，大于15，那么就显示总页数15-+，+

         if (self.current_page + part) > self.num_pages:

             # 那么返回总页数前去当前显示页数个数+1的值，和总页数+1的值。

             return range(self.num_pages - self.max_pager_num + , self.num_pages + )

         # 当选择页大于当前总页数的一半的时候，返回当前选择页的前五个和后五个页数。

         return range(self.current_page - part, self.current_page + part + )

 def index1(request):

     # 全部数据：USER_LIST，=》得出共有多少条数据

     # per_page: 每页显示条目数量

     # count:    数据总个数

     # num_pages:总页数

     # page_range:总页数的索引范围，如: (,),(,)

     # page:     page对象（是否具有下一页；是否有上一页；）

     current_page = request.GET.get('p')

     # Paginator对象

     # paginator = Paginator(USER_LIST, )

     paginator = CustemPaginator(current_page, , USER_LIST, )

     try:

         posts = paginator.page(current_page)

         # has_next              是否有下一页

         # next_page_number      下一页页码

         # has_previous          是否有上一页

         # previous_page_number  上一页页码

         # object_list           分页之后的数据列表，已经切片好的数据

         # number                当前页

         # paginator             paginator对象

     except PageNotAnInteger:

         posts = paginator.page()

     except EmptyPage:

         posts = paginator.page(paginator.num_pages)

     return render(request, "index1.html", {"posts": posts})

django后台代码

3、自定制分页模块

 # -*- coding: utf- -*-

 # @Time    : //

 # @Author  : Ocean.Pan

 class Pagination(object):

     def __init__(self,current_page,total_page_count,per_page_item_num=,max_page_num=,page_url=None):

         # 当前页

         self.current_page = current_page

         try:

             v = int(current_page)

             if v <= :

                 v =

             self.current_page = v

         except Exception as e:

             self.current_page =

         # 数据总个数

         self.total_page_count = total_page_count

         # 每一页显示的页面元素个数

         self.per_page_item_num = per_page_item_num

         # 最大显示页码

         self.max_page_num = max_page_num

         self.page_url = page_url

     def start_page_item(self):

         '''

         开始显示的页面元素，即从第几个页面链接开始显示

         :return: 当前页减一乘以每个页面最多显示元素个数

         '''

         return (self.current_page-) * self.per_page_item_num

     def end_page_item(self):

         '''

         结束显示的页面元素，即最后一个页面元素的显示

         :return: 当前页乘以每个页面显示的最大元素个数

         '''

         return self.current_page * self.per_page_item_num

     # @property 是让num_pages变成以静态属性方式访问。

     @property

     def num_pages(self):

         '''

         总页码数量

         :return: 当b为零的时候代表是可整除的，a就是返回值，当不能整除时a+1返回。

         '''

         a,b = divmod(self.total_page_count,self.per_page_item_num)

         if b == :

             return a

         return a+

     def page_num_range(self):

         '''

         页码的显示范围

         :return:

         '''

         # 判断如果页面总数量小于显示页面的总数量，那么返回最大的页面总数量。

         if self.num_pages < self.max_page_num:

             return range(, self.max_page_num + )

         part = int(self.max_page_num / )

         # 判断当前页小于等于最大显示页的一半，那么返回1到最大显示页数量。

         if self.current_page <= part:

             return range(, self.max_page_num + )

         # 当选择页数加上显示页数的一半的时候，说明越界了，例如最大也数是15，显示页数是10，我选择11页，那么11+5等于16，大于15，那么就显示总页数15-+，+

         if (self.current_page + part) > self.num_pages:

             # 那么返回总页数前去当前显示页数个数+1的值，和总页数+1的值。

             return range(self.num_pages - self.max_page_num + , self.num_pages + )

         # 当选择页大于当前总页数的一半的时候，返回当前选择页的前五个和后五个页数。

         return range(self.current_page - part, self.current_page + part + )

     def page_str(self):

         page_list=[]

         first = "<li><a href='/%s?p=1'>首页</a></li>" % (self.page_url,)

         page_list.append(first)

         if self.current_page == :

             prev = "<li><a href='#'>上一页</a></li>"

         else:

             prev = "<li><a href='/%s?p=%s'>上一页</a></li>" % (self.page_url,self.current_page - )

         page_list.append(prev)

         for i in self.page_num_range():

             if i == self.current_page:

                 temp = "<li class='active'><a href='/%s?p=%s'>%s</a></li>" %(self.page_url,i,i)

             else:

                 temp = "<li><a href='/%s?p=%s'>%s</a></li>" % (self.page_url,i, i)

             page_list.append(temp)

         if self.current_page == self.num_pages:

             nex = "<li><a href='#'>下一页</a></li>"

         else:

             nex = "<li><a href='/%s?p=%s'>下一页</a></li>" % (self.page_url,self.current_page + )

         page_list.append(nex)

         last = "<li><a href='/%s?p=%s'>尾页</a></li>" %(self.page_url,self.num_pages)

         page_list.append(last)

         return ''.join(page_list)

分页模块后端代码

 from app01.paging import Pagination

 USER_LIST = []

 for i in range(, ):

     temp = {'name': 'root' + str(i), 'age': i}

     USER_LIST.append(temp)

 def index2(request):

     current_page = request.GET.get('p')

     page_obj = Pagination(current_page,,page_url="index2.html")

     data_list = USER_LIST[page_obj.start_page_item():page_obj.end_page_item()]

     return render(request,"index2.html",{"data":data_list,"page_obj":page_obj})

分页模块视图部分

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <link rel="stylesheet" href="/static/plugins/bootstrap/css/bootstrap.css"/>

</head>

<body>

    <ul>

        {% for item in data %}

            <li>{{ item.name }}- {{ item.age }}</li>

        {% endfor %}

    </ul>

    <ul class="pagination pagination-sm">

        {{ page_obj.page_str|safe }}

    </ul>

</body>

</html>

前端展示

django高级应用（分页功能）的更多相关文章

Django实现简单分页功能
使用django的第三方模块django-pure-pagination 安装模块: pip install django-pure-pagination 将'pure_pagination'添加到s ...
Django自定制分页功能
URL: """django_paginner URL Configuration The `urlpatterns` list routes URLs to views ...
利用rest-framework实现django应用的分页功能
自定义分页的类,继承 PageNumberPagination class StandardResultsSetPagination(PageNumberPagination): page_size ...
Django 之 Paginator 分页功能
Django Paginator Django 分页官方文档 https://docs.djangoproject.com/en/1.10/topics/pagination/ 此分页方法没有限制显 ...
【原】django实现列表分页功能
在view.py里添加分页查询方法: from django.http import JsonResponse from django.views.decorators.http import req ...
Django，ajax实现表格增删查改，Django内置分页功能。
1.工程目录 2.urls.py """Django_ajax URL Configuration The `urlpatterns` list routes URLs ...
django网页的分页功能，大家如果有疑问请留言
url文件 from django.contrib import admin from django.conf.urls import url from app01 import views urlp ...
django内置分页功能扩展
实现自定制页码数类型class myPaginator(Paginator): def __init__(self,curr_page,per_page_num,*args,**kwargs): se ...
django中如何实现分页功能
1.在html页面中导入js文件和css文件 <link rel="stylesheet" href="../../../static/css/jquery.pag ...
django之快速分页
本文介绍djanog两种分页,第一是普通分页,第二是使用haystack全文检索的分页. 1．django自带分页功能,这个功能非常好用.基本知识点:Django提供了数据分页的类,这些类被定义在dj ...

随机推荐

自定义控件VS用户控件
自定义控件VS用户控件 2015-06-16 1 自定义控件与用户控件区别 WinForm中, 用户控件(User Control):继承自 UserControl,主要用于开发 Container ...
pycharm编写spark程序，导入pyspark包
一种方法: File --> Default Setting --> 选中Project Interpreter中的一个python版本-->点击右边锯齿形图标(设置)-->选 ...
Odoo 8.0 new API 之model 装饰
model装饰器的作用是返回一个集合列表应用举例: 定义columns langs = fields.Selection(string="Lang",selection=&quo ...
一、thinkphp
# ThinkPHP核心文件介绍 ├─ThinkPHP.php 框架入口文件 ├─Common 框架公共文件 ├─Conf 框架配置文件 ├─Extend 框架扩展目录 ├─Lang 核心语言包目录 ...
Java,Mysql-根据一个给定经纬度的点，进行附近500米地点查询–合理利用算法
Java,Mysql-根据一个给定经纬度的点,进行附近500米地点查询–合理利用算法 LBS 球面距离公式 http://wiki.myoa.info/zh-blog:20 Java,Mysql- ...
模板题 + KMP + 求最小循环节 --- HDU 3746 Cyclic Nacklace
Cyclic Nacklace Problem's Link: http://acm.hdu.edu.cn/showproblem.php?pid=3746 Mean: 给你一个字符串,让你在后面加尽 ...
Css三栏布局自适应实现几种方法
Css三栏布局自适应实现几种方法自适应实现方法我们可以从三个方法来做,一个是绝对定位 ,自身浮动法和margin负值法了,下面我们一起来看看这三个例子吧,希望例子能帮助到各位同学. 绝对定位法三栏 ...
模拟HttpContext单元测试
众所周知 ASP.NET MVC 的一个显著优势即可以很方便的实现单元测试,但在我们测试过程中经常要用到HttpContext,而默认情况下单元测试框架是不提供HttpContext的模拟的,本文通过 ...
Tomcat高并发配置优化
用的JMeter在自己电脑上测试的.Ubuntu10.04(x64)内存2G,cpu E5400 主频2.7.jdk1.6.0_27(x64) , tomcat6.0.33(x64) , oracle ...
VC++分页打印实现
VC++分页打印实现: C++ Code 12345678910111213141516171819202122232425262728293031323334353637383940414243 ...

django高级应用（分页功能）

django高级应用（分页功能）

django高级应用（分页功能）的更多相关文章

随机推荐

热门专题