django中瀑布流寫法實例代碼
更新時間：2019年10月14日 14:52:38 作者：帥的遭人砍see
在本篇文章里小編給大家整理的是關(guān)于django中瀑布流寫法實例代碼以及相關(guā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='標題')
summary = models.CharField(max_length=128,verbose_name='簡介')
class Meta:
verbose_name_plural = '圖片'
def __str__(self):
return self.title
以上就是本次介紹的全部實例內(nèi)容，大家可以在本次測試下，感謝大家對腳本之家的支持。
您可能感興趣的文章:
相關(guān)文章
python實現(xiàn)識別手寫數(shù)字 python圖像識別算法
這篇文章主要為大家詳細介紹了python實現(xiàn)識別手寫數(shù)字，python圖像識別算法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
Python編程實現(xiàn)小姐姐跳舞并生成詞云視頻示例
本文用Python做了一個詞云視頻，以另一種角度來看小姐姐跳舞視頻左半部分是小姐姐跳舞視頻，右半部分是根據(jù)動作生成的的詞云視頻，有需要的朋友可以借鑒參考下2021-10-10
對python中大文件的導(dǎo)入與導(dǎo)出方法詳解
今天小編就為大家分享一篇對python中大文件的導(dǎo)入與導(dǎo)出方法詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了Python調(diào)用shell命令常用方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
這篇文章主要為大家詳細介紹了Pyqt實現(xiàn)無邊框窗口拖動及大小改變的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-04-04
中文編碼問題一直是程序員頭疼的問題,本文將盡量用通俗的語言帶大家徹底的了解字符編碼以及Python2和3中的各種編碼問題。感興趣的可以了解一下2021-11-11
keras自定義回調(diào)函數(shù)查看訓(xùn)練的loss和accuracy方式
這篇文章主要介紹了keras自定義回調(diào)函數(shù)查看訓(xùn)練的loss和accuracy方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-05-05
本文主要介紹了Pandas缺失值刪除df.dropna()的使用，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-07-07
這篇文章主要介紹了Python單鏈表簡單實現(xiàn)代碼,結(jié)合實例形式分析了Python單鏈表的具體定義與功能實現(xiàn)技巧,需要的朋友可以參考下2016-04-04
pycharm配置SSH遠程連接服務(wù)器詳細步驟(0基礎(chǔ)詳細版)
PyCharm是一款流行的Python集成開發(fā)環(huán)境(IDE),提供了遠程連接云服務(wù)器的功能,使得開發(fā)者可以更加便捷地進行遠程開發(fā)和調(diào)試,這篇文章主要給大家介紹了關(guān)于pycharm配置SSH遠程連接服務(wù)器的詳細步驟,需要的朋友可以參考下2024-07-07