分页一（very low）

因为数据量过大，而又想直观便捷的查看数据，进而通过分页显示就可以完成这项工作

app中views.py

LIST=[]                #全局定义一个LIST

for i in range(100):   #数据量为100

    LIST.append(i)     #使LIST里面包含0-99个自然数

def user_list(request):

    current_page=request.GET.get('p',1)  #用户不存在默认看第一页

    current_page=int(current_page)       #使char型变为int型

    start=(current_page-1)*10            #第一页

    end=current_page*10                  #最后一页

    data=LIST[start:end]                 #使数据自动分页，每页10个数据

    all_count=len(LIST)                  # 计算LIST的长度

    count,y=divmod(all_count,10)         #divmod为算法 all_count/10,商为count,余数为y

    if y:           #y不为0

        count+=1    #页数+1

    page_list=[]

    for i in range(1,count+1):

        if i==current_page:   #i==页数

            temp='<a class="page active" href="/user_list/?p=%s">%s</a>'%(i,i)      #点击页数时，通过css使其页数栏变色

        else:

            temp='<a class="page" href="/user_list/?p=%s">%s</a>'%(i,i)

        page_list.append(temp)

    page_str=''.join(page_list)  #以空的字符串将页数连接起来

    from django.utils.safestring import mark_safe  

    page_str=mark_safe(page_str)  #使page_str为安全

    return render(request,'user_list.html',{'li':data,'page_str':page_str})

html文件

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        .pagination .page{

            display: inline-block;

            padding: 5px;

            background-color: lavender;

            color: black;

            margin: 10px;

        }

        .pagination .page .active{

            background-color: red;

        }

    </style>

</head>

<body>

    <ul>

        {% for item in li %}

            {% include 'li.html' %}

        {% endfor %}

    </ul>

    <div class="pagination">

        {{ page_str }}

    </div>

</body>

</html>

li.html

<li>{{ item }}</li>

分页二（一般low）

LIST = []

for i in range(200):

    LIST.append(i)

def user_list(request):

    current_page = request.GET.get('p', 1)  # 用户不存在默认看第一页

    current_page = int(current_page)

    dighter = 10

    start = (current_page - 1) * dighter

    end = current_page * dighter

    data = LIST[start:end]

    all_count = len(LIST)

    count, y = divmod(all_count, 10)

    if y:

        count += 1

    page_list = []

    page_num = 11

    if all_count < page_num:         #如果总页数小于11页

        start_index = 1                    #起始页为1

        end_index = all_count + 1   #终止页为总页数

    else:

        if current_page <= (page_num + 1) / 2:   #如果当前页小于6页

            start_index = 1                   #起始页为1

            end_index = 11 + 1            #终止页为11页

        else:

            start_index = current_page - (page_num - 1) / 2    #起始页为当前页-5

            end_index = current_page + (page_num - 1) / 2 + 1  #终止页为当前页+5

            if (current_page + (page_num - 1) / 2) > all_count:  #如果当前页+5大于总页数

                start_index = all_count - page_num + 1  #起始页为总页数-11+1

                end_index = all_count + 1     #终止页为总页数

    if current_page == 1:    #如果当前页等于第一页

        prev = '<a class="page" href="#">上一页</a>'   #则停止向前索引

    else:

        prev = '<a class="page active" href="/user_list/?p=%s">上一页</a>' % (current_page - 1)   #否则可以按上一页向前进行索引

    page_list.append(prev)

    for i in range(int(start_index), int(end_index)):   #起始页-终止页数为整数

        if i == current_page:  #如果i为当前页

            temp = '<a class="page active" href="/user_list/?p=%s" >%s</a>' % (i, i)  # 将当前的页数序号加上颜色

        else:

            temp = '<a class="page" href="/user_list/?p=%s">%s</a>' % (i, i)   # 没有选定的其他页数不加颜色

        page_list.append(temp)

    if current_page == all_count:  #如果当前页为总页数

        prev = '<a class="page" href="#">下一页</a>'  #停止索引

    else:

        prev = '<a class="page active" href="/user_list/?p=%s">下一页</a>' % (current_page + 1)   #否则可以按下一页向下进行索引

    page_list.append(prev)

    jump = """

    <input type="text"  /><input type="button" value="确定" onclick="jumpTo(this,'/user_list/?p=')" >             #跳转至...页

    <script>

        function jumpTo(ths,base){ #base为/user_list/?p=

            var val=ths.previousSibling.value;                          #获取text框里的数值

            location.href=base + val ;                                  #/user_list/?p= + text框里的内容进行跳转

        }

    </script>

    """

    page_list.append(jump)

    page_str = ''.join(page_list)

    from django.utils.safestring import mark_safe

    page_str = mark_safe(page_str)

    return render(request, 'user_list.html', {'li': data, 'page_str': page_str})

分页三（一般般）

###########将分页二变为面向对象编程#############

class Page:

    def __init__(self,current_page,data_count,per_page_count=10,page_num=11):

        self.current_page=current_page

        self.data_count=data_count

        self.per_page_count=per_page_count

        self.page_num=page_num

    def start(self):

        return (self.current_page-1)*self.per_page_count

    def end(self):

        return self.current_page*self.per_page_count

    @property

    def all_count(self):

        v = len(LIST)

        v, y = divmod(self.data_count, self.per_page_count)

        if y:

            v += 1

        return v

    def page_str(self,base_url):

        page_list = []

        if self.all_count < self.page_num:

            start_index = 1

            end_index = self.all_count + 1

        else:

            if self.current_page <= (self.page_num + 1) / 2:

                start_index = 1

                end_index = 11 + 1

            else:

                start_index = self.current_page - (self.page_num - 1) / 2

                end_index = self.current_page + (self.page_num - 1) / 2 + 1

                if (self.current_page + (self.page_num - 1) / 2) > self.all_count:

                    start_index = self.all_count - self.page_num + 1

                    end_index = self.all_count + 1

        if self.current_page == 1:

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

        else:

            prev = '<a class="page active" href="%s?p=%s">上一页</a>' % (base_url,self.current_page - 1)

        page_list.append(prev)

        for i in range(int(start_index), int(end_index)):

            if i == self.current_page:

                temp = '<a class="page active" href="%s?p=%s" >%s</a>' % (base_url,i, i)

            else:

                temp = '<a class="page" href="%s?p=%s">%s</a>' % (base_url,i, i)

            page_list.append(temp)

        if self.current_page == self.all_count:

            prev = '<a class="page" href="#">下一页</a>'

        else:

            prev = '<a class="page active" href="%s?p=%s">下一页</a>' % (base_url,self.current_page + 1)

        page_list.append(prev)

        jump = """

            <input type="text"  /><input type="button" value="确定" onclick="jumpTo(this,'%s?p=')" >

            <script>

                function jumpTo(ths,base){

                    var val=ths.previousSibling.value;

                    location.href=base + val ;

                }

            </script>

            """%(base_url)

        page_list.append(jump)

        page_str = ''.join(page_list)

        from django.utils.safestring import mark_safe

        page_str = mark_safe(page_str)

        return page_str

LIST=[]

for i in range(200):

    LIST.append(i)

def user_list(request):

    current_page=request.GET.get('p',1)  #用户不存在默认看第一页

    current_page=int(current_page)

    page_obj=Page(current_page,len(LIST))

    data=LIST[page_obj.start():page_obj.end()]

    page_str=page_obj.page_str("/user_list/")

    return render(request,'user_list.html',{'li':data,'page_str':page_str})

Django中html里的分页显示的更多相关文章

  1. Django中扩展Paginator实现分页

    Reference:https://my.oschina.net/kelvinfang/blog/134342 Django中已经实现了很多功能,基本上只要我们需要的功能,都能够找到相应的包.要在Dj ...

  2. Django中的模板和分页

    模板 在Templates中添加母版: - 母版...html 母版(master.html)中可变化的地方加入: {%block content%}{%endblock%} 在子版 (usermg. ...

  3. java中对list进行分页显示数据到页面

    http://blog.csdn.net/Tang_Mr/article/details/76212184#10006-weixin-1-52626-6b3bffd01fdde4900130bc5a2 ...

  4. Django 中设置分页页码，只显示当前页以及左右两页

    设置后的效果如下: Django 给我们提供了分页的功能:`Paginator`和`Page`类都是用来做分页的.他们在Django中的路径为:`from django.core.paginator ...

  5. Django中的分页，cookies与session

    cookie Cookie的由来 大家都知道HTTP协议是无状态的. 无状态的意思是每次请求都是独立的,它的执行情况和结果与前面的请求和之后的请求都无直接关系,它不会受前面的请求响应情况直接影响,也不 ...

  6. Django中的session和cookie及分页设置

    cookie Cookie的由来 大家都知道HTTP协议是无状态的. 无状态的意思是每次请求都是独立的,它的执行情况和结果与前面的请求和之后的请求都无直接关系,它不会受前面的请求响应情况直接影响,也不 ...

  7. django中如何实现分页功能

    1.在html页面中导入js文件和css文件 <link rel="stylesheet" href="../../../static/css/jquery.pag ...

  8. Delphi for iOS开发指南(8):在iOS应用程序中使用Tab组件来显示分页

    Delphi for iOS开发指南(8):在iOS应用程序中使用Tab组件来显示分页 在FireMonkey iOS应用程序中的Tab Tab由FMX.TabControl.TTabControl定 ...

  9. django django中的HTML控件及参数传递方法 以及 HTML form 里的数据是怎么被包成http request 的？如何在浏览器里查看到这些数据？

    https://www.jb51.net/article/136738.htm django中的HTML控件及参数传递方法 下面小编就为大家分享一篇django中的HTML控件及参数传递方法,具有很好 ...

随机推荐

  1. 联想本win10 virtualbox 安装centos

    (1)必须开发操作系统虚拟化功能,参考该百度经验 https://jingyan.baidu.com/article/8275fc864d423e46a03cf638.html (2)调整虚拟机硬盘和 ...

  2. 【版本管理】git本地操作

    1.初始化一个Git仓库,使用git init命令. 2.添加文件到Git仓库,分两步: • 第一步,使用命令git add 文件名,注意,可反复多次使用,添加多个文件: • 第二步,使用命令git ...

  3. ASP.NET MVC中在 @RenderBody() 或者 @Html.Partial()中需要使用引入外部js，css

    今天想在后台封装一下bootstraptree这个插件,引入jquery.js bootstrap.js bootstrap.css bootstrap-tree.js后,我在页面查看脚本错误就连最简 ...

  4. MT【159】单调有界有极限

    已知数列$\{a_n\}$满足:$a_n>0,a_{n+1}+\dfrac{1}{a_n}<2,n\in N^*$.求证:(1)$a_{n+2}<a_{n+1}<2 (n\in ...

  5. [UVALive 3683] A Scheduling Problem

    图片加载可能有点慢,请跳过题面先看题解,谢谢 题目给出了一个信息:答案是有向边最长路 \(k\) 的值或者是 \(k+1\) 的值 那么题目就变成了:求是否有一种给无向边定向的方案,使得在以有向边最长 ...

  6. 一些说明&其他奇奇怪怪的东西

    NOIP考完了,这篇博客彻底咕了.

  7. HTML的标签元素分类的区别

    HTML ,即Hyper Text Markup Language 超文本标记语言: 文本:纯字符,如window中的txt文本 超文本:在纯文本中嵌入样式,图片,音频,视频,链接等内容 HTML的基 ...

  8. python模块之 paramiko

    paramiko模块提供了ssh及sft进行远程登录服务器执行命令和上传下载文件的功能.这是一个第三方的软件包,使用之前需要安装. 1 基于用户名和密码的 sshclient 方式登录 # 建立一个s ...

  9. 使用JS在textarea在光标处插入内容

    // 在光标处插入字符串 // myField 文本框对象 // myValue 要插入的值 function insertAtCursor(myField, myValue) { //IE supp ...

  10. python之旅：绑定方法与非绑定方法

    一 类中定义的函数分成两大类 一:绑定方法(绑定给谁,谁来调用就自动将它本身当作第一个参数传入): 1. 绑定到类的方法:用classmethod装饰器装饰的方法.                 为 ...