首页 > 代码库 > 【python】瀑布流

【python】瀑布流

 

 

 

前端HTML

{% load tags %}<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style>        .container{            width: 900px;            margin: 0 auto;            background-color: antiquewhite;        }        .container .item{            width: 200px;            float: left;        }        .container .item img{            width: 250px;            height: 200px;            padding: 10px;        }        .falls{            float: left;            margin-left: 20px;            width: 250px;        }        .falls img{            width: 250px;            height: 200px;            border-radius: 5px;            margin-top: 5px;        }    </style></head><body class="container">    <div style="width: 900px;margin: 0 auto">        <div class="falls">            {% for row in user_list %}                {% if forloop.counter|test:"3,1" %}                    <div>                        <img src="{{ row.src }}">                        <p>{{ row.name }} => {{ forloop.counter }}</p>                        <p>{{ row.summary }}</p>                    </div>                {% endif %}            {% endfor %}        </div>        <div class="falls">            {% for row in user_list %}                {% if forloop.counter|test:"3,2" %}                    <div>                        <img src="{{ row.src }}">                        <p>{{ row.name }} => {{ forloop.counter }}</p>                        <p>{{ row.summary }}</p>                    </div>                {% endif %}            {% endfor %}        </div>        <div class="falls">            {% for row in user_list %}                {% if forloop.counter|test:"3,0" %}                    <div>                        <img src="{{ row.src }}">                        <p>{{ row.name }} => {{ forloop.counter }}</p>                        <p>{{ row.summary }}</p>                    </div>                {% endif %}            {% endfor %}        </div>    </div></body></html>

 

VIEWS

  

def falls(request):    user_list = [        {name: 张三, src: /static/7777.jpeg, company: aaaaaaa,         summary: 夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深夜深},        {name: 李四, src: /static/1111.jpeg, company: sssss, summary: 晚上晚上晚上晚上晚上晚上晚上晚上晚上晚上晚上晚上晚上晚上晚上},        {name: 王五, src: /static/2222.jpeg, company: ddddddd, summary: 耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵耳朵},        {name: 赵六, src: /static/3333.jpeg, company: ffffff, summary: 前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端},        {name: 田七, src: /static/4444.jpeg, company: ggggg, summary: 晚饭晚饭晚饭晚饭晚饭晚饭晚饭晚饭晚饭晚饭晚饭晚饭晚饭晚饭晚饭晚饭晚饭},        {name: 刘八, src: /static/5555.jpeg, company: hhhhh, summary: 通过通过通过通过通过通过通过通过通过通过通过通过通过通过通过通过},        {name: 九九, src: /static/6666.jpeg, company: wwwww, summary: 用户用户用户用户用户用户用户用户用户用户用户用户用户用户用户},    ]    return render(request, falls.html, {user_list: user_list})

tags

from django.utils.safestring import mark_safefrom django import templateregister = template.Library()#取余@register.filterdef test(a1,a2):    n1,n2 = a2.split(,)    if a1 % int(n1) == int(n2):        return True    return False

效果图:

技术分享

 

【python】瀑布流