模板语言自定义方法介绍

自定义方法注意事项

Django中有simple_tag 和 filter 两种自定义方法,之前也提到过,需要注意的是

  1. 扩展目录名称必须是templatetags
  2. templatetags中的自定义标签和过滤器必须依赖于一个django app，也就是说，自定义标签和过滤器是绑定app的。该app应该包含一个templatetags目录，这个目录一个和model.py，views.py在同一个层级
  3. 包含templatetags目录的app一定要在INSTALLED_APPS列表里面
  4. 在页面中使用{% load %}加载扩展方法,load的是模块名，而不是app名
  5. 记得使用 from django import template ，register=template.Library()注册

simple_tag 和 filter 的区别

  • simple_tag:可以有多个参数,一般是做数据处理,但不能做if判断语句
  • filter:一般只能有1个参数(可以字符串切割,变通为多个参数),过滤器,一般是return true或者false,可以和if判断语句使用.在过滤器 {{ var|foo:"bar" }} 中 ，过滤器 foo 会被传入变量 var 和默认参数 bar。过滤器函数应该总有返回值

使用方法

目录结构

xx.py代码:

#需要从django中导入一些模块

from django import template

from django.utils.safestring import mark_safe

from django.template.base import resolve_variable, Node, TemplateSyntaxError

register = template.Library()

@register.filter

def detail1(value,arg):

    """

    查看余数是否等于remainder arg="1,2"

    :param counter:

    :param allcount:

    :param remainder:

    :return:

    """

    allcount, remainder = arg.split(',')

    allcount = int(allcount)

    remainder = int(remainder)

    if value%allcount == remainder:

        return True

    return False

@register.simple_tag

def my_simple_time(v1,v2,v3):

    return  v1 + v2 + v3

simple_tag 页面使用

{% load xx %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{% my_simple_time 1 2 3 %}

</body>

</html>

filter 页面使用

{% load xx %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

{{  23|detail4:"4,0" }}

{% if  23|detail4:"4,0" %}

<h1>123</h1>

{% endif %}

</body>

</html>

页面实现瀑布流

布局介绍

由于图片有大有小,所以为了页面的整齐,没有空隙,可以将页面body主体分为4列,每一列依次往下排列图片和介绍即可.

由于页面是从左到右排序的,所以我们可以将图片的列队索引+1后除以4后得到的余数,就是所在页面中所在的列数,所以可以使用python中的div()函数来处理.

代码

扩展方法代码:xx.py 文件

from django import template

from django.utils.safestring import mark_safe

from django.template.base import resolve_variable, Node, TemplateSyntaxError

register = template.Library()

@register.filter

def detail1(value,arg):

    """

    查看余数是否等于remainder arg="1,2"

    :param counter:

    :param allcount:

    :param remainder:

    :return:

    """

    allcount, remainder = arg.split(',')

    allcount = int(allcount)

    remainder = int(remainder)

    if value%allcount == remainder:

        return True

    return False

views.py范例

from django.shortcuts import render

# Create your views here.

def student(request):

    img_list = [

        {'src': '1.jpg', 'title': 'asdfasdfasdf','content': 'asdf'},# 1

        {'src': '2.jpg', 'title': 'asdfasdfasdf','content': 'asdf'},# 2

        {'src': '3.jpg', 'title': 'asdfasdfasdf','content': 'asdf'},

        {'src': '4.jpg', 'title': 'asdfasdfasdf','content': 'asdf'},

        {'src': '18.jpg', 'title': 'asdfasdfasdf','content': 'asdf'},# 5

        {'src': '21.jpg', 'title': 'asdfasdfasdf','content': 'asdf'},

    ]

    return render(request, 'student.html', {"img_list":img_list})

html页面代码

{% load xx %}

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <style>

        .container{

            width: 980px;

            margin: 0 auto;

        }

        .container .column{

            float: left;

            width: 245px;

        }

        .container .item img{

            width: 245px;

        }

    </style>

</head>

<body>

    <div class="container">

        <div class="column">

            {% for i in img_list %}

                {% if forloop.counter|detail1:"4,1" %}

                    <div class="item">

                        {{ forloop.counter }}

                        <img src="/static/{{ i.src }}">

                    </div>

                {% endif %}

            {% endfor %}

        </div>

        <div class="column">

            {% for i in img_list %}

                {% if forloop.counter|detail1:"4,2" %}

                    <div class="item">

                        {{ forloop.counter }}

                        <img src="/static/{{ i.src }}">

                    </div>

                {% endif %}

            {% endfor %}

        </div>

        <div class="column">

            {% for i in img_list %}

                {% if forloop.counter|detail1:"4,3" %}

                    <div class="item">

                        {{ forloop.counter }}

                        <img src="/static/{{ i.src }}">

                    </div>

                {% endif %}

            {% endfor %}

        </div>

        <div class="column">

            {% for i in img_list %}

                {% if forloop.counter|detail1:"4,0" %}

                    <div class="item">

                        {{ forloop.counter }}

                        <img src="/static/{{ i.src }}">

                    </div>

                {% endif %}

            {% endfor %}

        </div>

    </div>

</body>

</html>

Django模板语言中的自定义方法filter过滤器实现web网页的瀑布流的更多相关文章

  1. Django模板语言中静态文件路径的灵活写法

    如图,我们看到的时html页面中静态文件的路径,其中/static/是settings.py中的设置: 假设我们将settings.py中的/static/改变了,这样的话我们还需要将html中的/s ...

  2. Django模板语言与视图(view)

    常用语法 {{  }}和{% %} 变量相关的用{{}} , 逻辑相关的用{% %} 变量 在Django的模板语言中按此语法使用:{{ 变量名 }}. 当模版引擎遇到一个变量,它将计算这个变量,然后 ...

  3. Django模板语言(一)

    1,Django模板语言 1.1>基础语法:1.1.1,变量相关:{{ 变量名 }},1.1.2,逻辑相关{% ... %} 在Django模板语言中按此语法使用:{{ 变量名 }},当模板引擎 ...

  4. Django 模板语言 路由 视图

    . 模板语言(字符串替换) . 母版和继承 . 什么时候用母版? html页面有重复的代码,把它们提取出来放到一个单独的html文件. (比如:导航条和左侧菜单) . 子页面如何使用母版? {% ex ...

  5. Python - Django - 模板语言之变量

    前言: 在 Django 模板语言中变量用 {{ }},逻辑用 {% %} 在 urls.py 中添加对应关系 from django.conf.urls import url from django ...

  6. django的模板语言中一些之前没有用过的小点

    1.模板语言中的for循环的最后一个的表示方式 {% for auther in auther_list %} {% if forloop.last %} {# 这里的意思是for循环的最后一个的意思 ...

  7. Django(模板语言-自定义filter和simple_tag)

    Django(模板语言-自定义filter和simple_tag)   filter过滤器的主要形式:变量|函数,意思是将变量交给函数处理,而自定义filter就是自己定义函数,因为用到已有的很少. ...

  8. Python - Django - 模板语言之 Filters（过滤器）

    通过管道符 "|" 来使用过滤器,{{ value|过滤器:参数 }} Django 的模板语言中提供了六十个左右的内置过滤器 urls.py: from django.conf. ...

  9. Django模板语言，过滤器整理

    Django模板语言,过滤器整理 1. add {{ value|add:"2" }} 把add后的参数加给value: 处理时,过滤器首先会强制把两个值转换成Int类型. 如果强 ...

随机推荐

  1. 119 Pascal's Triangle II 帕斯卡三角形 II Pascal's Triangle II

    给定一个索引 k,返回帕斯卡三角形(杨辉三角)的第 k 行.例如,给定 k = 3,则返回 [1, 3, 3, 1].注:你可以优化你的算法到 O(k) 的空间复杂度吗?详见:https://leet ...

  2. D. Anton and Chess 模拟题 + 读题

    http://codeforces.com/contest/734/problem/D 一开始的时候看不懂题目,以为象是中国象棋那样走,然后看不懂样例. 原来是走对角线的,长知识了. 所以我们就知道, ...

  3. elastcisearch中文分词器各个版本

    地址 https://github.com/medcl/elasticsearch-analysis-ik/releases?after=v6.0.1

  4. springmvc 实现原理与struts2原理的区别

    spring mvc的入口是servlet,而struts2是filter,这样就导致了二者的机制不同. spring mvc是基于方法的设计,sturts2是基于类设计的. springmvc将ur ...

  5. Android -Cannot run program "XXX/sdk/tools/emulator": error=2, No such file or directory

    I have installed android SDK and eclipse successfully on ubuntu 14.04. However,now it's not running. ...

  6. asp.net 图表

    感谢csdn深南大道,文章转自http://blog.csdn.net/smartsmile2012/article/details/17356673 前台代码 <div> <asp ...

  7. kickstart_2018_round_H_C Let Me Count The Ways

    思路: 容斥. 实现: #include <bits/stdc++.h> using namespace std; typedef long long ll; ; ; ll f[MAXN ...

  8. 【NumPy学习指南】day5 改变数组的维度

    我们已经学习了怎样使用reshape函数,现在来学习一下怎样将数组展平. (1) ravel 我们可以用ravel函数完成展平的操作: In: b Out: array([[[ 0, 1, 2, 3] ...

  9. Python3实现自动备份

    需求 将重要文件备份到指定目录,存档文件名称为“当前日期.zip”. 前提 1) Windows系统 2) Python 3以上版本 旗舰版 #!usr/bin/python # -*- coding ...

  10. Python 中函数（Function）的用法

    函数是组织好的,可重复使用的,用来实现单一,或相关联功能的代码段. 函数能提高应用的模块性,和代码的重复利用率.Python提供了许多内建函数,比如print().input(),也可以自己创建函数, ...