快捷導(dǎo)航

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='標(biāo)題')
  summary = models.CharField(max_length=128,verbose_name='簡介')

  class Meta:
    verbose_name_plural = '圖片'
  def __str__(self):
    return self.title

以上就是本次介紹的全部實例內(nèi)容，大家可以在本次測試下，感謝大家對腳本之家的支持。

您可能感興趣的文章:

Django瀑布流的實現(xiàn)示例

相關(guān)文章

python實現(xiàn)識別手寫數(shù)字 python圖像識別算法
這篇文章主要為大家詳細(xì)介紹了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命令常用方法(4種)
這篇文章主要介紹了Python調(diào)用shell命令常用方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
Pyqt實現(xiàn)無邊框窗口拖動以及窗口大小改變
這篇文章主要為大家詳細(xì)介紹了Pyqt實現(xiàn)無邊框窗口拖動及大小改變的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-04-04
python 中文編碼亂碼問題的解決
中文編碼問題一直是程序員頭疼的問題,本文將盡量用通俗的語言帶大家徹底的了解字符編碼以及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()的使用
本文主要介紹了Pandas缺失值刪除df.dropna()的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2022-07-07
Python單鏈表簡單實現(xiàn)代碼
這篇文章主要介紹了Python單鏈表簡單實現(xiàn)代碼,結(jié)合實例形式分析了Python單鏈表的具體定義與功能實現(xiàn)技巧,需要的朋友可以參考下
2016-04-04
pycharm配置SSH遠(yuǎn)程連接服務(wù)器詳細(xì)步驟(0基礎(chǔ)詳細(xì)版)
PyCharm是一款流行的Python集成開發(fā)環(huán)境(IDE),提供了遠(yuǎn)程連接云服務(wù)器的功能,使得開發(fā)者可以更加便捷地進(jìn)行遠(yuǎn)程開發(fā)和調(diào)試,這篇文章主要給大家介紹了關(guān)于pycharm配置SSH遠(yuǎn)程連接服務(wù)器的詳細(xì)步驟,需要的朋友可以參考下
2024-07-07