Django5 自定義分頁器

views

def public_main(request, cid=0, page=1):
    categories = Category.objects.all()
    # 檢索分類
    if cid == 0:
        cid = categories.first().cid  # 第一個分類的cid
    page_now = page

    kw = request.GET.get("kw")
    # 文章檢索
    if kw == None:
        articles = Article.objects.filter(cid=cid)
    else:
        articles = Article.objects.filter(cid=cid, title__contains=kw)

    # 產生分頁器
    paginator = SelfPaginator(articles, 2)
    # 分頁對象
    # page表示當前頁
    pager = paginator.page(page)
    pager.page_range = paginator.custom_range(paginator.num_pages,page, 3)

    return render(request, "wenzhang_xinwen.html", locals())

tools

import math
from django.core.paginator import Paginator

class SelfPaginator(Paginator):
    def custom_range(self, num_pages, page, per_range):
        self.num_pages = num_pages
        # 頁碼數大於總頁數
        if per_range > self.num_pages:
            return range(1, self.num_pages + 1)
        elif page <= per_range // 2:
            return range(1, per_range + 1)
        elif page + per_range // 2 > self.num_pages:
            return range(self.num_pages - per_range + 1, self.num_pages + 1)
        else:
            return range(page - per_range // 2, page + math.ceil(per_range / 2))

page.html

<div class="pageSelect">
	<span>共 <b>{{ paginator.count }}</b> 條 每頁 <b>{{ paginator.per_page }}</b>條   {{ page_now }}/{{ paginator.num_pages }}</span>
	<div class="pageWrap">
		{% if page > 1 %}
		<a href="{% url 'App:main' cid=cid page=page_now|add:'-1' %}" class="pagePre"><i class="ico-pre">&nbsp;</i></a>
		{% endif %}
		    {% for page in pager.page_range %}
				{% if page == page_now %}
					<a href="{% url 'App:main' cid=cid page=page %}" class="pagenumb cur">{{ page }}</a>
				{% else %}
					<a href="{% url 'App:main' cid=cid page=page %}" class="pagenumb">{{ page }}</a>
				{% endif %}
			{% endfor %}
		{% if page < paginator.num_pages %}
		<a href="{% url 'App:main' cid=cid page=page_now|add:'1' %}" class="pagenext"><i class="ico-next">&nbsp;</i></a>
		{% endif %}
	</div>
</div>