django自定義分頁分頁類

時間 2019-12-08

原文原文鏈接

django中封裝了自定義分頁的功能，可是本身怎麼用，怎麼感受不爽，因而是本身就查閱資料，再耗時了幾天後，終於整理出了javascript

本身的分頁類，在這裏分享給你們，固然代碼中帶有不足，你們多多見諒。。聲明在py2 要是在py3中死都不知道怎麼死的....html

最後的效果java

1.首先創建 PageClass.pydjango

#coding:utf-8
from django.utils.safestring import mark_safe


class PageInfo(object):
    # current_page 當前頁
    # all_count 總條數
    # per_item  每頁的條數
    # page_count顯示的頁碼數

    def __init__(self,current_page,all_count,per_item=5,page_count=5):
        try:
            current_page = int(current_page)
        except Exception as e:
            current_page = 1
        self.CurrentPage=current_page
        self.AllCount=all_count
        self.PerItem=per_item
        self.PageCount = page_count

    @property
    def start(self):
        return (self.CurrentPage-1)*self.PerItem

    @property
    def end(self):
        return self.CurrentPage*self.PerItem

    @property
    def all_page_count(self):
        temp = divmod(self.AllCount, self.PerItem)
        if temp[1]==0:
            all_page_num = temp[0]
        else:
            all_page_num = temp[0]+1
        return all_page_num

    def page_str(self,base_url):
        # base_url頁面訪問的路徑
        page_html = []
        first = "<a class='action' href='%s%d'>首頁</a>" % (base_url,1)
        page_html.append(first)
        if self.CurrentPage <= 1:
            prev = "<a class='action' href='javascript:void(0);'>上一頁</a>"
        else:
            prev = "<a class='action' href='%s%d'>上一頁</a>" % (base_url,self.CurrentPage - 1)
        page_html.append(prev)

        if self.all_page_count <self.PageCount+1:
            begin = 0
            end = self.all_page_count
        # 總頁數大於設置的頁數
        else:
            if self.CurrentPage < (self.PageCount+1)/2:
                begin =0
                end = self.PageCount
            else:
                if self.CurrentPage+5 > self.all_page_count:
                    begin = self.CurrentPage-(self.PageCount+1)/2
                    end = self.all_page_count
                else:
                    begin = self.CurrentPage - (self.PageCount+1)/2
                    end = self.CurrentPage + (self.PageCount-1)/2

        for i in range(begin,end):
            if self.CurrentPage == (i + 1):
                a_html = "<a class='action page' href='%s%d'>%d</a>" % (base_url,i + 1, i + 1)
            else:
                a_html = "<a class='action' href='%s%d'>%d</a>" % (base_url,i + 1, i + 1)
            page_html.append(a_html)
        if self.CurrentPage == self.all_page_count:
            next = "<a class='action' href='javascript:void(0);'>下一頁</a>"
        else:
            next = "<a class='action' href='%s%d'>下一頁</a>" % (base_url,self.CurrentPage + 1,)
        page_html.append(next)
        last = "<a class='action' href='%s%d'>尾頁</a>" % (base_url,self.all_page_count,)
        page_html.append(last)
        page_string = mark_safe("".join(page_html))
        return page_string

在views.py中 app

from app01 import PageClass

def pages(request,pid):    

    count = models.Host.objects.all().count()
    page = PageClass.PageInfo(pid,count)
    data = models.Host.objects.all()[page.start:page.end]
    page_str = page.page_str('/zuhe/pages/')
    ret = {'data':data,'count':count,'page':page_str}
    return  render(request,'zuhe/pages.html',ret)

模型中只是一堆的數據就不顯示了url

在html頁面中spa

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .action{
            background: #084;text-decoration: none;display: inline-block;border: 1px solid #078;
            color: #fff;padding: 5px;margin: 3px;}
        .page{color: red;background:#080;}
    </style>
</head>
<body>
<ul>
{% for v in data %}
    <li>{{ v.id }}--{{ v.HostName }} -- {{ v.HostIp }}</li>
{% endfor %}
<h4>總數：{{ count }}</h4>
{{ page }}
</ul>
</body>
</html>

在html中只是須要對樣式的修改便可code

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。