django中瀑布流寫法實(shí)例代碼
更新時(shí)間：2019年10月14日 14:52:38 作者：帥的遭人砍see
在本篇文章里小編給大家整理的是關(guān)于django中瀑布流寫法實(shí)例代碼以及相關(guān)知識(shí)點(diǎn)，有需要的朋友們學(xué)習(xí)參考下。
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
以上就是本次介紹的全部實(shí)例內(nèi)容，大家可以在本次測(cè)試下，感謝大家對(duì)腳本之家的支持。
您可能感興趣的文章:
相關(guān)文章
如何使用python轉(zhuǎn)移mysql數(shù)據(jù)庫(kù)中的全部數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了如何使用python轉(zhuǎn)移mysql數(shù)據(jù)庫(kù)中的全部數(shù)據(jù),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起了解下2024-11-11
這篇文章主要介紹了Python3中map()、reduce()、filter()的用法詳解,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08
使用Python腳本zabbix自定義key監(jiān)控oracle連接狀態(tài)
這篇文章主要介紹了使用Python腳本zabbix自定義key監(jiān)控oracle連接狀態(tài),本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-08-08
變量名只能包含字母、數(shù)字和下劃線,本文主要介紹了詳解python變量的命名和使用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-12-12
這篇文章主要介紹了Pycharm常用的快捷鍵及使用技巧，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-03
這篇文章主要給大家介紹了關(guān)于刪除PyCharm解釋器的方法步驟,PyCharm解釋器是指在PyCharm集成開(kāi)發(fā)環(huán)境中用于運(yùn)行和調(diào)試Python代碼的解釋器,需要的朋友可以參考下2023-09-09
本文詳細(xì)介紹了Django中聚合查詢的使用方法和步驟,包括aggregate()和annotate()兩種聚合查詢方式,以及F()和Q()查詢的使用場(chǎng)景,文中通過(guò)具體代碼示例解釋了如何在Django項(xiàng)目中實(shí)現(xiàn)數(shù)據(jù)聚合,感興趣的朋友跟隨小編一起看看吧2024-09-09
本篇文章主要介紹了Django 跨域請(qǐng)求處理的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
解決Tensorflow使用pip安裝后沒(méi)有model目錄的問(wèn)題
今天小編就為大家分享一篇解決Tensorflow使用pip安裝后沒(méi)有model目錄的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-06-06
將Python代碼嵌入C++程序進(jìn)行編寫的實(shí)例
這篇文章主要介紹了將Python代碼嵌入C++程序進(jìn)行編寫的實(shí)例,盡管通常還是Python代碼中調(diào)用C++程序的情況較多...需要的朋友可以參考下2015-07-07