溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發(fā)布時間:2021-04-17 17:20:38 來源:億速云 閱讀:167 作者:Leah 欄目:開發(fā)技術

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

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值所對應的value值
  # 獲取index的值,如果沒有,則設置使用默認值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文件,做如下設置:

{% 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標簽,跳轉到上一頁鏈接 ?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)頁分頁功能了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI