一、安裝django-prue-pagination

在pycharm中 File==》settings==》Project：項(xiàng)目名===》Project Interpreter==》點(diǎn)擊“+”===》搜django-prue-pagination===》左下角Intall Package

二、在sttings.py中的相關(guān)代碼：

.....#注冊pure_pagination INSTALLED_APPS = [....... 'pure_pagination', ]...... #追加pure_pagination配置代碼 PAGINATION_SETTINGS={'PAGE_RANGE_DISPLAYED':10,'MARGIN_PAGES_DISPLAYED':2,'SHOW_FIRST_PAGE_WHEN_INVALID':True, }

三、在views.py中添加分頁代碼：

...... from .models import ShopProfile ...... from pure_pagination import Paginator,EmptyPage,PageNotAnInteger......class ShopList(View):"""商鋪列表"""def get(self,request):shops=ShopProfile.objects.all()# 每頁五個(gè)p = Paginator(shops, 5)page = request.GET.get('page', 1)try:shops= p.page(int(page))except PageNotAnInteger:shops=p.page(1)return render(request,'shops_list.html',{'all_shops':shops})

四、在shop-list.html中的代碼：

...... <!--收到后臺(tái)分頁后 返回的數(shù)據(jù)，然后進(jìn)行遍歷--> <div id="portfoliolist">{% for shop in all_shops.object_list %} <!--關(guān)鍵代碼，一定注意這里！要遍歷的不是all_shops而是all_object_list，這里是一個(gè)巨坑！不然會(huì)報(bào)錯(cuò)：

'Page' object is not iterable--><div class="portfolio shop" data-cat="shop"><div class="portfolio-wrapper"><img src="{% static 'logo/shop.jpg' %}" alt="" /><div class="label"><div class="label-text"><a class="text-title">{{ shop.name }}</a><span class="text-category">{{ shop.shop_sn }}</span></div><div class="label-bg"></div></div></div></div>{% endfor %}</div><!--分頁的代碼--><div class="fen-page"><ul class="pagelist pagination">{% if all_shops.has_previous %}<li class="long"><a href="?{{ all_shops.previous_page_number.querystring }}" class="prev">上一頁</a></li>{% endif %}{% for page in all_shops.pages %}{% if page %}{% ifequal page all_shops.number %}<li class="active"><a href="?{{ page.querystring }}">{{ page }}</a></li>{% else %}<li><a href="?{{ page.querystring }}" class="page">{{ page }}</a></li>{% endifequal %}{% else %}<li class="none"><a href="">...</a></li>{% endif %}{% endfor %}{% if all_shops.has_next %}<li class="long"><a href="?{{ all_shops.next_page_number.querystring }}">下一頁</a></li>{% endif %}</ul></div>

?

轉(zhuǎn)載于:https://www.cnblogs.com/xuepangzi/p/8855608.html

總結(jié)

以上是生活随笔為你收集整理的django 分页功能的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。