快捷導(dǎo)航

如何在django中實(shí)現(xiàn)分頁(yè)功能

更新時(shí)間：2020年04月22日 11:24:13 作者：小陸同學(xué)

這篇文章主要介紹了如何在django中實(shí)現(xiàn)分頁(yè)功能,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

1.在html頁(yè)面中導(dǎo)入js文件和css文件

<link rel="stylesheet" href="../../../static/css/jquery.pagination.css" rel="external nofollow" >
<script type="text/javascript" src="../../../static/js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../../../static/js/jquery.pagination.min.js"></script>

2.寫一個(gè)展示分頁(yè)的div容器

3.前端分頁(yè)邏輯

<script>
  $(function(){
    $("#pagination").pagination({
      currentPage:{{current_page}},
      totalPage:{{total_page}},
      callback:function(current){
      window.location.href = '?page='+current
        }
　　　　　});
});
</script>

4.django獲取當(dāng)前頁(yè)數(shù)，定義每頁(yè)展示的數(shù)量，和返回?cái)?shù)據(jù)等

from django.core.paginator import Paginator
def detail(request,id):
  category = models.Category.objects.all()
  news = models.News.objects.filter(cate=id).all()
  # 從url上獲取當(dāng)前請(qǐng)求的頁(yè)數(shù)
  p = request.GET.get('page',1)
  current_page = int(p)
  # 每頁(yè)顯示的條數(shù)
  page_count = 1
  # 顯示數(shù)據(jù)庫(kù)數(shù)據(jù)，并且規(guī)定每頁(yè)顯示多少條數(shù)據(jù)
  page = Paginator(news,page_count)
  # 當(dāng)前請(qǐng)求的頁(yè)數(shù)
  news = page.get_page(current_page)
  # 顯示的總頁(yè)數(shù)
  total_page = page.num_pages
return render(request,'app1/news.html',locals())

django中的分頁(yè)功能已經(jīng)完成，效果圖如下:

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

python 利用matplotlib在3D空間繪制二次拋物面的案例
這篇文章主要介紹了python 利用matplotlib在3D空間繪制二次拋物面的案例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2021-02-02
python算法與數(shù)據(jù)結(jié)構(gòu)朋友圈與水杯實(shí)驗(yàn)題分析實(shí)例
這篇文章主要介紹了python算法與數(shù)據(jù)結(jié)構(gòu)朋友圈與水杯實(shí)驗(yàn)題分析，總的來說這并不是難題，那為什么要拿出這道題介紹？拿出這道題真正想要傳達(dá)的是解題的思路，以及不斷優(yōu)化探尋最優(yōu)解的過程。希望通過這道題能給你帶來一種解題優(yōu)化的思路
2022-12-12
python帶你探尋WSGI?Application原理
這篇文章主要為大家介紹了python學(xué)習(xí)探尋WSGI?Application原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-04-04
python神經(jīng)網(wǎng)絡(luò)Keras構(gòu)建CNN網(wǎng)絡(luò)訓(xùn)練
這篇文章主要為大家介紹了python神經(jīng)網(wǎng)絡(luò)學(xué)習(xí)使用Keras構(gòu)建CNN網(wǎng)絡(luò)訓(xùn)練，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-05-05
實(shí)例詳解Matlab 與 Python 的區(qū)別
Python是一種面向?qū)ο蟮慕忉屝陀?jì)算機(jī)程序設(shè)計(jì)語(yǔ)言。這篇文章主要介紹了Matlab 與 Python 的區(qū)別及優(yōu)勢(shì)，感興趣的朋友跟隨小編一起看看吧
2019-04-04
爬蟲訓(xùn)練前端基礎(chǔ)Bootstrap5排版表格圖像
這篇文章主要為大家介紹了爬蟲訓(xùn)練前端基礎(chǔ)Bootstrap5排版表格圖像，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-02-02
Python virtualenv虛擬環(huán)境實(shí)現(xiàn)過程解析
這篇文章主要介紹了Python virtualenv虛擬環(huán)境實(shí)現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-04-04
利用Python操作MongoDB數(shù)據(jù)庫(kù)的詳細(xì)指南
MongoDB是由C++語(yǔ)言編寫的非關(guān)系型數(shù)據(jù)庫(kù),是一個(gè)基于分布式文件存儲(chǔ)的開源數(shù)據(jù)庫(kù)系統(tǒng),其內(nèi)容存儲(chǔ)形式類似JSON對(duì)象,下面這篇文章主要給大家介紹了關(guān)于利用Python操作MongoDB數(shù)據(jù)庫(kù)的相關(guān)資料,需要的朋友可以參考下
2022-06-06
Python利用txt文件對(duì)Mysql進(jìn)行增刪改查移
這篇文章主要介紹了如何在Python中利用TXT文件對(duì)Mysql中的記錄進(jìn)行增刪改查移，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)學(xué)習(xí)
2021-12-12
python之語(yǔ)句mode = 'test' if y&nb
這篇文章主要介紹了python之語(yǔ)句mode = 'test' if y is None else 'train'問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-02-02