from rest_framework.pagination import PageNumberPagination

 from .serializers import BookSerilizer

 from .models import BookInfo

 from rest_framework.views import APIView

 # Create your views here.

 class MyPageNumberPagination(PageNumberPagination):

     page_size=2  #默认两个

     max_page_size = 5  #一页显示最大5个

     page_query_param = 'page'  #页码

 class Pager1View(APIView):

     def get(self,request):

         #获取所有数据

         roles = BookInfo.objects.all()

         #创建分页对象

         pg = MyPageNumberPagination()

         #在数据库中获取分页数据

         pager_roles = pg.paginate_queryset(queryset=roles, request=request,view=self)

         #对分页数据进行序列化

         ser = BookSerilizer(instance=pager_roles, many=True)

         return pg.get_paginated_response(ser.data)  #返回上一页或者下一页

 html页面

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <script type="text/javascript" src="/static/js/jquery-3.2.1.js"></script>

</head>

<body>

<h2>书籍管理</h2>

<div id="context">

    <ul id="items"></ul>

    <button id="prev">上一页</button>

    <button id="next">下一页</button>

</div>

</body>

<script type="text/javascript">

    //页面初始化加载

    $(function () {

        every_page()

    });

    //页码循环函数

    function every_page(page_url='/books/?page=1') {

        $.get(

            page_url,

            function (data) {

                $('#items').empty();

                $('#next').attr('next_page',data['next']);

                $('#prev').attr('prev_page',data['previous']);

                $.each(data['results'],function (index,val) {

                    $('#items').prepend('<li>书名：'+val.bname+'，作者：'+val.author+'</li>')

                })

            }

        )

    }

    //下一页点击事件

    $('#next').on('click',function () {

            var next_page = $(this).attr('next_page');

                        //取不到就是 undefined

            if (next_page != undefined){

                every_page(next_page)

            }

    });

    //上一页点击事件

    $('#prev').on('click',function () {

            var prev_page = $(this).attr('prev_page');

                         //取不到就是 undefined

            if (prev_page != undefined){

                every_page(prev_page)

            }

    })

</script>

</html>

rest_framwork中ApiView实现分页的更多相关文章

  1. drf-day8——断点调试、认证.权限.频率的源码分析、基于APIView编写分页、全局异常处理

    目录 一.断点调试使用 二.认证,权限,频率源码分析(了解) 2.1 权限类的执行源码 2.2 认证源码分析 2.3 频率源码分析 2.4 自定义频率类(了解) 2.5 SimpleRateThrot ...

  2. Django框架之drf：8、断点调试，权限、认证、频率组件源码分析，基于APIView编写分页，异常处理

    Django框架之drf 一.断点调式使用 ​ 指,在我们编写代码的时候,程序运行出现报错是无可避免的,当程序 出现报错时,我们需要找到出现报错的代码进行修改,如果时简短的代码很容易就可以找到报错位置 ...

  3. drf-三大认证源码分析、基于APIView编写分页、异常处理

    1.权限源码分析 1.APIView源码497行:self.initial(request, *args, **kwargs)中进行了三大认证. 2.在initial的源码中,以下三行代码是进行三大认 ...

  4. SpringMVC结合easyUI中datagird实现分页

    SpringMVC结合easyUI中datagird实现分页 DataGrid以表格形式展示数据,并提供了丰富的选择.排序.分组和编辑数据的功能支持.轻量级,单元格合并.多列标题.冻结列和页脚只是其中 ...

  5. sf中标准的分页功能介绍

    世上本无事,庸人自扰之.我喜欢一个相对比较安静的环境去学习和工作,希望在一个掉一根针的声音都能够听到的环境中,但是有时候往往相反,一片嘈杂,我改变不了周围的环境,只能改变自己,其实这些都没有什么,也许 ...

  6. asp.mvc中的vue分页实例，分页组件无法重置reload，解决点击查询按钮后，分页不刷新的问题

    刚刚接触Vue.js,现在需要做一个查询功能,并且进行服务端分页.主要思路是在页面中注册一个分页组件,然后进行调用.代码如下 1.引用vue.js,具体去网上下载 2.在html的body中添加如下代 ...

  7. winform中DataGridView实现分页功能

    WinForm轻松实现自定义分页 (转载) WinForm轻松实现自定义分页 (转载)   转载至http://xuzhihong1987.blog.163.com/blog/static/26731 ...

  8. 项目中的一个分页功能pagination

    项目中的一个分页功能pagination <script> //总页数 ; ; //分页总数量 $(function () { // $("#pagination"). ...

  9. Oracle中的SQL分页查询原理和方法详解

    Oracle中的SQL分页查询原理和方法详解 分析得不错! http://blog.csdn.net/anxpp/article/details/51534006

随机推荐

  1. BugkuCTF WEB

    web2 打开链接,一大堆表情 查看源代码 得到 flag 文件上传测试 打开链接 选择 1 个 jpg 文件进行上传,用 burp 抓包改包 将 php 改为 jpg,发包 得到 flag 计算器 ...

  2. kali下安装go环境

    1.安装go 下载安装包,命令:wget -c https://storage.googleapis.com/golang/go1.8.3.linux-amd64.tar.gz 下载完后,解压到 /u ...

  3. linux中内存使用,swap,cache,buffer的含义总结

    首先介绍一下linux中内存是如何使用的.当有应用需要读写磁盘数据时,由系统把相关数据从磁盘读取到内存,如果物理内存不够,则把内存中的部分数据导入到磁盘,从而把磁盘的部分空间当作虚拟内存来使用,也称为 ...

  4. python's thirty-first day for me re模块

    正则表达式: re 模块 可以读懂 你写的正则表达式,根据你写的表达式去执行任务. 正则表达式:字符串的操作. 使用一些规则来检测字符串是否符合我的要求  ——  表单验证 从一段字符串中找到符合我要 ...

  5. java 调用系统外部的某个程序

    有时候我们java 调用系统外部的某个程序 可能需要调用系统外部的某个程序,此时就可以用Runtime.getRuntime().exec()来调用,他会生成一个新的进程去运行调用的程序. 此方法返回 ...

  6. 10 个你需要了解的 Linux 网络和监控命令

    我下面列出来的10个基础的每个linux用户都应该知道的网络和监控命令.网络和监控命令类似于这些: hostname, ping, ifconfig, iwconfig, netstat, nsloo ...

  7. python 模块 optparse

    optparse,是一个能够让程式设计人员轻松设计出简单明了.易于使用.符合标准的Unix命令列程式的Python模块.生成使用和帮助信息. 下面是一个简单的示例: import optparse p ...

  8. Django详细介绍

    课程简介: Django流程介绍 Django url Django view Django models Django template Django form Django admin (后台数据 ...

  9. Sql2012新分页查询offset fetch Sql2005/2008的row_number

    SQL2005/2008的Row_Number http://www.cnblogs.com/Snowfun/archive/2011/10/10/2205772.html 1.OFFSET和FETC ...

  10. linux标准目录结构

    初学Linux,首先需要弄清Linux 标准目录结构 / root --- 启动Linux时使用的一些核心文件.如操作系统内核.引导程序Grub等. home --- 存储普通用户的个人文件 ftp ...