django中瀑布流写法实例代码

 更新时间:2019年10月14日 14:52:38   作者:帅的遭人砍see  
在本篇文章里小编给大家整理的是关于django中瀑布流写法实例代码以及相关知识点,有需要的朋友们学习参考下。

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是指的内容        #}
            var eqv = index % 4;
            var tag = document.createElement('img');
            tag.src = '/'+ v.src;
            $('#container').children().eq(eqv).append(tag);
            //这里的eq是获取children里面的内容
          })
 
        }
        
      })
    }
  </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

以上就是本次介绍的全部实例内容,大家可以在本次测试下,感谢大家对脚本之家的支持。

您可能感兴趣的文章:

相关文章

  • python实现识别手写数字 python图像识别算法

    python实现识别手写数字 python图像识别算法

    这篇文章主要为大家详细介绍了python实现识别手写数字,python图像识别算法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • Python编程实现小姐姐跳舞并生成词云视频示例

    Python编程实现小姐姐跳舞并生成词云视频示例

    本文用Python做了一个词云视频,以另一种角度来看小姐姐跳舞视频左半部分是小姐姐跳舞视频,右半部分是根据动作生成的的词云视频,有需要的朋友可以借鉴参考下
    2021-10-10
  • 对python中大文件的导入与导出方法详解

    对python中大文件的导入与导出方法详解

    今天小编就为大家分享一篇对python中大文件的导入与导出方法详解,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-12-12
  • Python调用shell命令常用方法(4种)

    Python调用shell命令常用方法(4种)

    这篇文章主要介绍了Python调用shell命令常用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • Pyqt实现无边框窗口拖动以及窗口大小改变

    Pyqt实现无边框窗口拖动以及窗口大小改变

    这篇文章主要为大家详细介绍了Pyqt实现无边框窗口拖动及大小改变的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-04-04
  • python 中文编码乱码问题的解决

    python 中文编码乱码问题的解决

    中文编码问题一直是程序员头疼的问题,本文将尽量用通俗的语言带大家彻底的了解字符编码以及Python2和3中的各种编码问题。感兴趣的可以了解一下
    2021-11-11
  • keras自定义回调函数查看训练的loss和accuracy方式

    keras自定义回调函数查看训练的loss和accuracy方式

    这篇文章主要介绍了keras自定义回调函数查看训练的loss和accuracy方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-05-05
  • Pandas缺失值删除df.dropna()的使用

    Pandas缺失值删除df.dropna()的使用

    本文主要介绍了Pandas缺失值删除df.dropna()的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-07-07
  • Python单链表简单实现代码

    Python单链表简单实现代码

    这篇文章主要介绍了Python单链表简单实现代码,结合实例形式分析了Python单链表的具体定义与功能实现技巧,需要的朋友可以参考下
    2016-04-04
  • pycharm配置SSH远程连接服务器详细步骤(0基础详细版)

    pycharm配置SSH远程连接服务器详细步骤(0基础详细版)

    PyCharm是一款流行的Python集成开发环境(IDE),提供了远程连接云服务器的功能,使得开发者可以更加便捷地进行远程开发和调试,这篇文章主要给大家介绍了关于pycharm配置SSH远程连接服务器的详细步骤,需要的朋友可以参考下
    2024-07-07

最新评论