這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)使用Django怎么實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)分頁(yè)功能,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、微信小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了麻城免費(fèi)建站歡迎大家使用!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ù)庫(kù)中添加數(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='該商品物美價(jià)廉,現(xiàn)在只需要{}元'.format(random.randint(10,100))) good.save() return HttpResponse('數(shù)據(jù)添加成功')
添加之后將代碼就可以注釋掉了,我們演示的時(shí)候再新建一個(gè)select接口作為演示界面。
from django.shortcuts import render from django.core.paginator import Paginator , PageNotAnInteger,EmptyPage # Create your views here. def select(request): # 查詢數(shù)據(jù)庫(kù)中的所有數(shù)據(jù) good_list = Goods.objects.all() # 值1:所有的數(shù)據(jù) # 值2:每一頁(yè)的數(shù)據(jù) # 值3:當(dāng)最后一頁(yè)數(shù)據(jù)少于n條,將數(shù)據(jù)并入上一頁(yè) paginator = Paginator(good_list,12,3) try: # GET請(qǐng)求方式,get()獲取指定Key值所對(duì)應(yīng)的value值 # 獲取index的值,如果沒(méi)有,則設(shè)置使用默認(rèn)值1 num = request.GET.get('index','1') # 獲取第幾頁(yè) number = paginator.page(num) except PageNotAnInteger: # 如果輸入的頁(yè)碼數(shù)不是整數(shù),那么顯示第一頁(yè)數(shù)據(jù) number = paginator.page(1) except EmptyPage: number = paginator.page(paginator.num_pages) # 將當(dāng)前頁(yè)頁(yè)碼,以及當(dāng)前頁(yè)數(shù)據(jù)傳遞到index.html return render(request,'index.html',{'page':number,'paginator':paginator})
下面我們?cè)趇ndex.html做界面處理,這里是需要用到bootstraps,三個(gè)文件如下圖所示,前面講解過(guò)。
來(lái)到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"> {# 如果當(dāng)前頁(yè)還有上一頁(yè) #} {% if page.has_previous %} <li> {# 點(diǎn)擊a標(biāo)簽,跳轉(zhuǎn)到上一頁(yè)鏈接 ?index 為地址后面拼接的參數(shù) #} <a href="?index={{page.previous_page_number}}" >上一頁(yè)</a> </li> {% else %} {# 如果沒(méi)有上一頁(yè), 則上一頁(yè)按鈕不可點(diǎn)擊 #} <li class="disabled"> <a href="#">上一頁(yè)</a> </li> {% endif %} {% for page_number in paginator.page_range %} {# 獲取當(dāng)前頁(yè)的頁(yè)碼 #} {% if page_number == page.number %} {# 如果是當(dāng)前頁(yè)的話,選中 #} <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}}">下一頁(yè)</a> </li> {% else %} <li class="disabled"> <a href="#" >下一頁(yè)</a> </li> {% endif %} </ul> <script src="{% static 'js/jquery.js' %}"></script> <script src="{% static 'js/bootstrap.js' %}"></script> </body> </html>
上述就是小編為大家分享的使用Django怎么實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)分頁(yè)功能了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
分享名稱:使用Django怎么實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)分頁(yè)功能-創(chuàng)新互聯(lián)
文章位置:http://m.newbst.com/article2/dehcic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、電子商務(wù)、網(wǎng)站排名、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站維護(hù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容