使用Django怎么實現(xiàn)一個網(wǎng)頁分頁功能-創(chuàng)新互聯(lián)

這期內(nèi)容當中小編將會給大家?guī)碛嘘P(guān)使用Django怎么實現(xiàn)一個網(wǎng)頁分頁功能，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了麻城免費建站歡迎大家使用！

1.創(chuàng)建模型，代碼如下：

from django.db import models

# Create your models here.
class Goods(models.Model):
 name = models.CharField(max_length=100)
 des = models.CharField(max_length=1000)
 class Meta:
  db_table = 'goods'

2.向數(shù)據(jù)庫中添加數(shù)據(jù)，代碼如下：

from django.http import HttpResponse

from .models import Goods
import random
# Create your views here.

def index(request):
 for x in range(200):
  good = Goods(name='good%s'%x,des='該商品物美價廉，現(xiàn)在只需要{}元'.format(random.randint(10,100)))
  good.save()
 return HttpResponse('數(shù)據(jù)添加成功')

添加之后將代碼就可以注釋掉了，我們演示的時候再新建一個select接口作為演示界面。

from django.shortcuts import render
from django.core.paginator import Paginator , PageNotAnInteger,EmptyPage

# Create your views here.

def select(request):
 # 查詢數(shù)據(jù)庫中的所有數(shù)據(jù)
 good_list = Goods.objects.all()
 # 值1：所有的數(shù)據(jù)
 # 值2：每一頁的數(shù)據(jù)
 # 值3：當最后一頁數(shù)據(jù)少于n條，將數(shù)據(jù)并入上一頁
 paginator = Paginator(good_list,12,3)

 try:
  # GET請求方式，get()獲取指定Key值所對應(yīng)的value值
  # 獲取index的值，如果沒有，則設(shè)置使用默認值1
  num = request.GET.get('index','1')
  # 獲取第幾頁
  number = paginator.page(num)
 except PageNotAnInteger:
  # 如果輸入的頁碼數(shù)不是整數(shù)，那么顯示第一頁數(shù)據(jù)
  number = paginator.page(1)
 except EmptyPage:
  number = paginator.page(paginator.num_pages)

 # 將當前頁頁碼，以及當前頁數(shù)據(jù)傳遞到index.html
 return render(request,'index.html',{'page':number,'paginator':paginator})

下面我們在index.html做界面處理，這里是需要用到bootstraps，三個文件如下圖所示，前面講解過。

使用Django怎么實現(xiàn)一個網(wǎng)頁分頁功能

來到index.html文件，做如下設(shè)置：

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}" >
 <!--<link rel="stylesheet" href="">-->
 <title>淘寶</title>
</head>
<body>
 {% for good in page.object_list %}
  <h5>{{good.name}} - {{good.des}}</h5>
 {% endfor %}
 <ul class="pagination">
  {# 如果當前頁還有上一頁 #}
  {% if page.has_previous %}
   <li>
    {# 點擊a標簽，跳轉(zhuǎn)到上一頁鏈接 ?index 為地址后面拼接的參數(shù) #}
    <a href="?index={{page.previous_page_number}}" >上一頁</a>
   </li>
  {% else %}
   {# 如果沒有上一頁， 則上一頁按鈕不可點擊 #}
   <li class="disabled">
    <a href="#">上一頁</a>
   </li>
  {% endif %}

  {% for page_number in paginator.page_range %}
   {# 獲取當前頁的頁碼 #}
   {% if page_number == page.number %}
    {# 如果是當前頁的話，選中 #}
    <li class="active">
     <a href="?index={{page_number}}">{{page_number}}</a>
    </li>
   {% else %}
    <li>
     <a href="?index={{page_number}}">{{page_number}}</a>
    </li>
   {% endif %}
  {% endfor %}

  {% if page.has_next %}
   <li>
    <a href="?index={{page.next_page_number}}">下一頁</a>
   </li>
  {% else %}
  <li class="disabled">
   <a href="#" >下一頁</a>
  </li>
  {% endif %}
 </ul>

 <script src="{% static 'js/jquery.js' %}"></script>
 <script src="{% static 'js/bootstrap.js' %}"></script>
</body>
</html>

上述就是小編為大家分享的使用Django怎么實現(xiàn)一個網(wǎng)頁分頁功能了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道。

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

分享名稱：使用Django怎么實現(xiàn)一個網(wǎng)頁分頁功能-創(chuàng)新互聯(lián)
文章位置：http://www.jbt999.com/article2/dehcic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、電子商務(wù)、網(wǎng)站排名、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計、網(wǎng)站維護

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

猜你還喜歡下面的內(nèi)容