這篇文章主要介紹django中如何實(shí)現(xiàn)瀑布流寫法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
專注于為中小企業(yè)提供網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)光山免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了近1000家企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。django中瀑布流初探
img.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .w{ width: 1000px; margin: 0 auto; } .item{ width: 25%; float: left; } .item img{ width: 100%; } </style> </head> <body> <div>姑娘們</div> <div class="w" id="container"> <div class="item">11 </div> <div class="item">22 </div> <div class="item">33 </div> <div class="item">44 </div> </div> <script src="/static/jquery-1.12.4.js"></script> <script> $(function () { initImg(); }); NID = 0; function initImg() { $.ajax({ url: '/get_imgs.html', type: 'GET', data:{nid:NID}, dataType: 'JSON', success:function (arg) { var img_list = arg.data; $.each(img_list,function (index,v) { {# index,v,index是指的索引,v是指的內(nèi)容 #} var eqv = index % 4; var tag = document.createElement('img'); tag.src = '/'+ v.src; $('#container').children().eq(eqv).append(tag); //這里的eq是獲取children里面的內(nèi)容 }) } }) } </script> </body> </html>
views
def imgs(request): # img_list = models.Img.objects.all() return render(request,'img.html') def get_imgs(request): nid = request.GET.get('nid') img_list = models.Img.objects.filter(id__gt=nid).values('id','src','title') img_list = list(img_list) ret = { 'status': True, 'data': img_list } # return HttpResponse(json.dumps(ret)) return JsonResponse(ret) # return JsonResponse([11,22,33],safe=False)
models
class Img(models.Model): src = models.FileField(max_length=32,verbose_name='圖片路徑',upload_to='static/upload') title = models.CharField(max_length=16,verbose_name='標(biāo)題') summary = models.CharField(max_length=128,verbose_name='簡(jiǎn)介') class Meta: verbose_name_plural = '圖片' def __str__(self): return self.title
以上是“django中如何實(shí)現(xiàn)瀑布流寫法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)頁名稱:django中如何實(shí)現(xiàn)瀑布流寫法-創(chuàng)新互聯(lián)
文章地址:http://muchs.cn/article32/spjpc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站制作、做網(wǎng)站、云服務(wù)器、網(wǎng)站設(shè)計(jì)、標(biāo)簽優(yōu)化、靜態(tài)網(wǎng)站
聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容