基于jQuery实现瀑布流页面

网络编程 2024/11/13 佚名

3 2 1

本文实例为大家分享了jQuery实现瀑布流页面展示的具体代码，供大家参考，具体内容如下

views.py

from django.shortcuts import render,HttpResponse
from app01 import models
import json
# Create your views here.
def index(req):
  if req.method == 'POST':
    dic = models.Upload.objects.filter(status=1).values('img1','name','info')
    dic = list(dic)
    dic = json.dumps(dic)
    print(dic)
    return HttpResponse(dic)
  return render(req, 'index.html')

url.py

from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
  url(r'^admin/', admin.site.urls),
  url(r'^index/', views.index),
]

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .clearfix:after{
      content: '.';
      visibility: hidden;
      height: 0;
      clear: both;
      display: block;
    }
    img{
      width: 245px;
      height: 200px;
    }
  </style>
</head>
<body>
  <div id="container" style="margin: 0 auto;width: 980px;" class="clearfix">

    <div style="width: 245px;float: left">

    </div>

    <div style="width: 245px;float: left">

    </div>

    <div style="width: 245px;float: left">


    </div>

    <div style="width: 245px;float: left">


    </div>
  </div>
  <script src="/UploadFiles/2021-04-02/jquery-2.1.4.min.js">

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

jQuery,瀑布流

标签：

jQuery,瀑布流

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“基于jQuery实现瀑布流页面”

基于jQuery实现瀑布流页面

暂无“基于jQuery实现瀑布流页面”评论...

更新动态

2024年11月13日

基于jQuery实现瀑布流页面

jQuery,瀑布流

js模拟支付宝密码输入框

详解angular用$sce服务来过滤HTML标签

评论“基于jQuery实现瀑布流页面”

更新动态

友情链接