Django中html里的分页显示

分页一(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="确定" οnclick="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="确定" οnclick="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})

 

转载于:https://www.cnblogs.com/zhuifeng-mayi/p/9052737.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值