分页一（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. Linux内核0.11 makefile文件说明

    # # if you want the ram-disk device, define this to be the # size in blocks. # 如果要使用 RAM 就定义块的大小(注释掉 ...

  2. （2）YARN的工作流程

    Writing YARN Applications 文档中的启动过程: Application submission client向Yarn ResourceManager提交一个Applicatio ...

  3. poj3320 Jessica's Reading Problem

    Description Jessica's a very lovely girl wooed by lots of boys. Recently she has a problem. The fina ...

  4. BZOJ5312 冒险（线段树）

    记录区间and/or,修改时如果对整个区间影响都相同就打标记,否则递归.复杂度不太会证. #include<iostream> #include<cstdio> #includ ...

  5. SpringBoot之使用jpa/hibernate

    Springboot版本是2.1.3.RELEASE 1.依赖 List-1.1 <dependency> <groupId>org.springframework.boot& ...

  6. BZOJ 3110 K大数查询 | 整体二分

    BZOJ 3110 K大数查询 题面 有N个位置,M个操作.操作有两种,每次操作如果是1 a b c的形式表示在第a个位置到第b个位置,每个位置加入一个数c 如果是2 a b c形式,表示询问从第a个 ...

  7. 【转】关于在vim中的查找和替换

    1,查找 在normal模式下按下/即可进入查找模式,输入要查找的字符串并按下回车. Vim会跳转到第一个匹配.按下n查找下一个,按下N查找上一个. Vim查找支持正则表达式,例如/vim$匹配行尾的 ...

  8. Alpha 冲刺 —— 十分之八

    队名 火箭少男100 组长博客 林燊大哥 作业博客 Alpha 冲鸭鸭鸭鸭鸭鸭鸭鸭! 成员冲刺阶段情况 林燊(组长) 过去两天完成了哪些任务 协调各成员之间的工作 多次测试软件运行 学习OPENMP ...

  9. Android Paging库使用详解

    Android分页包能够更轻易地在RecyclerView里面缓慢且优雅地加载数据. 许多应用从数据源消耗数据, 数据源里面有大量的数据, 但是一次却只展示一小部分. 分页包帮助应用观测和展示大量数据 ...

  10. 【AGC010F】Tree Game

    Description 有一棵\(n\)个节点的树(\(n \le 3000\)),第\(i\)条边连接\(a_i,b_i\),每个节点\(i\)上有\(A_i\)个石子,高桥君和青木君将在树上玩游戏 ...