今天就跟大家聊聊有關(guān)使用Django框架怎么實(shí)現(xiàn)分頁顯示內(nèi)容，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括海興網(wǎng)站建設(shè)、海興網(wǎng)站制作、海興網(wǎng)頁制作以及海興網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，海興網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到海興省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

1、作用

數(shù)據(jù)加載優(yōu)化

2、前端引入bootstrap樣式：

{# 引入bootstrap樣式的cdn資源 #}
<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">

引入分頁器：

<div id="rootbox">
  <h2>文章列表</h2>
  <ul id="bloglist">
    {# 遍歷博文 #}
    {% for blog in page.object_list %}
      {# 顯示博文標(biāo)題 #}
      <li>
        <a href="{% url 'app:readblog' blog.id %}" rel="external nofollow" ><h4>{{ blog.title }}</h4></a>
      </li>
    {% endfor %}
  </ul>
  {#分頁器:html內(nèi)容拷貝于bootstrap網(wǎng)站-組件-分頁#}
  {# bootstrap是一整套成熟經(jīng)典的頁面組件框架 #}
  <nav aria-label="Page navigation">
    <ul class="pagination">
      {# 上一頁按鈕 #}
      {# 如果有上一頁 #}
      {% if page.has_previous %}
        <li>
          {# 點(diǎn)擊超鏈接,對上一頁的頁面發(fā)起訪問 #}
          <a href="{% url 'app:blogs' page.previous_page_number %}" rel="external nofollow" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
      {# 如果沒有上一頁 #}
      {% else %}
        {# 當(dāng)沒有上一頁時(shí),閱讀bootrap文檔得知,對當(dāng)前l(fā)i使用disabled樣式 #}
        <li class="disabled">
          {# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,處于禁用狀態(tài)的按鈕被點(diǎn)擊時(shí)直接跳轉(zhuǎn)本頁 #}
          <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" aria-label="Previous">
            <span aria-hidden="true">&laquo;</span>
          </a>
        </li>
      {% endif %}
      {# 頁碼按鈕 #}
      {# 遍歷傳入的頁碼范圍 #}
      {% for p in pagerange %}
        {# 如果頁碼=當(dāng)前頁頁碼 #}
        {% ifequal p currentpage %}
          {# 被選中的頁碼具有高亮效果,閱讀bootrap文檔得知,對當(dāng)前l(fā)i使用active樣式 #}
          {# {% url 'app:blogs' p %} 點(diǎn)擊頁碼,對第p頁的路由發(fā)起訪問 #}
          <li class="active"><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>
        {% else %}
          {# 非當(dāng)前頁頁碼普通顯示 #}
          <li><a href="{% url 'app:blogs' p %}" rel="external nofollow" rel="external nofollow" >{{ p }}</a></li>
        {% endifequal %}
      {% endfor %}
      {# 下一頁按鈕 #}
      {% if page.has_next %}
        <li>
          {# 點(diǎn)擊超鏈接,對下一頁的頁面發(fā)起訪問 #}
          <a href="{% url 'app:blogs' page.next_page_number %}" rel="external nofollow" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a></li>
      {% else %}
        {# 當(dāng)沒有下一頁時(shí),閱讀bootrap文檔得知,對當(dāng)前l(fā)i使用disabled樣式 #}
        <li class="disabled">
          {# href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" ,處于禁用狀態(tài)的按鈕被點(diǎn)擊時(shí)直接跳轉(zhuǎn)本頁 #}
          <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" aria-label="Next">
            <span aria-hidden="true">&raquo;</span>
          </a></li>
      {% endif %}
    </ul>
  </nav>
</div>

3、Paginator

• 數(shù)據(jù)分頁工具

• 對象創(chuàng)建

• Paginator(數(shù)據(jù)集，每一頁數(shù)據(jù)數(shù))

• 屬性

• count：對象總數(shù)

• page_range：頁碼列表，從1開始

• num_pages：頁面總數(shù)

• 方法

• page(整數(shù)): 獲得一個(gè)page對象

• 常見錯(cuò)誤

• InvalidPage：page()傳遞無效頁碼

• PageNotAnInteger：page()傳遞的不是整數(shù)

• Empty：page()傳遞的值有效，但是沒有數(shù)據(jù)

4、Page

• 具體的某一頁面

• 對象獲得，通過Paginator的page()方法獲得

• 屬性

• object_list：當(dāng)前頁面上所有的數(shù)據(jù)對象

• number：當(dāng)前頁的頁碼值

• paginator: 當(dāng)前page關(guān)聯(lián)的Paginator對象

• 方法

• has_next()：判斷是否有下一頁

• has_previous()：判斷是否有上一頁

• has_other_pages()：判斷是否有上一頁或下一頁

• next_page_number()：返回下一頁的頁碼

• previous_page_number()：返回上一頁的頁碼

• len()：返回當(dāng)前頁的數(shù)據(jù)的個(gè)數(shù)

# 顯示博文列表
# pagenum=路由參數(shù)=用戶想要查看第幾頁
def showBlogs(request, pagenum):
  # 查詢數(shù)據(jù)庫獲取所有博文
  blogs = Blog.objects.all()
  # 構(gòu)建分頁器對象,blogs=所有博文,2=每頁顯示的個(gè)數(shù)
  paginator = Paginator(blogs, 2)
  # 獲取第n頁的頁面對象
  page = paginator.page(pagenum)
  # Paginator和Page的常用API
  # page.previous_page_number()
  # page.next_page_number()
  # page.has_previous()
  # page.has_next()
  # 構(gòu)造頁面渲染的數(shù)據(jù)
  '''
  渲染需要的數(shù)據(jù):
  - 當(dāng)前頁的博文對象列表
  - 分頁頁碼范圍
  - 當(dāng)前頁的頁碼
  '''
  data = {
    # 當(dāng)前頁的博文對象列表
    'page': page,
    # 分頁頁碼范圍
    'pagerange': paginator.page_range,
    # 當(dāng)前頁的頁碼
    'currentpage': page.number,
  }
  # 將數(shù)據(jù)丟給頁面渲染
  return render(request, 'blogs.html', context=data)

看完上述內(nèi)容，你們對使用Django框架怎么實(shí)現(xiàn)分頁顯示內(nèi)容有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道，感謝大家的支持。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享文章：使用Django框架怎么實(shí)現(xiàn)分頁顯示內(nèi)容-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://jinyejixie.com/article20/dciijo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、域名注冊、面包屑導(dǎo)航、軟件開發(fā)、網(wǎng)站排名、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)