您好,登錄后才能下訂單哦!
這期內容當中小編將會給大家帶來有關使用Django怎么實現一個網頁分頁功能,文章內容豐富且以專業的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
1.創建模型,代碼如下:
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.向數據庫中添加數據,代碼如下:
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='該商品物美價廉,現在只需要{}元'.format(random.randint(10,100))) good.save() return HttpResponse('數據添加成功')
添加之后將代碼就可以注釋掉了,我們演示的時候再新建一個select接口作為演示界面。
from django.shortcuts import render from django.core.paginator import Paginator , PageNotAnInteger,EmptyPage # Create your views here. def select(request): # 查詢數據庫中的所有數據 good_list = Goods.objects.all() # 值1:所有的數據 # 值2:每一頁的數據 # 值3:當最后一頁數據少于n條,將數據并入上一頁 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: # 如果輸入的頁碼數不是整數,那么顯示第一頁數據 number = paginator.page(1) except EmptyPage: number = paginator.page(paginator.num_pages) # 將當前頁頁碼,以及當前頁數據傳遞到index.html return render(request,'index.html',{'page':number,'paginator':paginator})
下面我們在index.html做界面處理,這里是需要用到bootstraps,三個文件如下圖所示,前面講解過。
來到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 為地址后面拼接的參數 #} <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怎么實現一個網頁分頁功能了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注億速云行業資訊頻道。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。