Django自定义filter和simple_tag

￡神魔★判官ぃ 2022-05-12 10:58 186阅读 0赞

**一、系统内置的filter**

语法格式： ** \{ \{ obj |filter:param \}\}**

常用的内置filter:

\{ \{ value|capfirst\}\}  \#首字母大写

\{ \{ value|upper \}\}  \#所有字母大写

\{ \{ value|date:'Y-m-d' \}\} \#日期格式输出

\{ \{ value |default:'空的' \}\}  \#设置默认值

\{ \{ value|safe \}\}  \#按html规则输出，若不加safe输出原文，例：value值为“<h1>hello word!</h1>”则界面结果为 hello word!（h1样式）

\{ \{ value|length \}\} \#字符串长度

\{ \{ value|urlencode \}\} \#按url编码转义

** 二、自定义filter和simple\_tag**

**1、在app中创建templatetags模块(必须的)**

**2、templatetags模中创建任意 .py 文件，如：my\_tags.py**

![70][]

my_tags.py内容：

from django import template
    from django.utils.safestring import mark_safe
    
    #register的名字是固定的,不可改变
    register=template.Library() 
    
    
    #filter
    @register.filter
    def filer_multi(v1,v2):
        return v1*v2
    
    
    #simple_tag
    @register.simple_tag
    def tag_multi(v1,v2):
        return v1*v2

**3、在使用自定义simple\_tag和filter的html文件中导入之前创建的 my\_tags.py ：\{% load my\_tags %\}，放在文件首行**

{% load my_tags %}
    <!DOCTYPE html>
    <html lang="en">

**4、在settings中的INSTALLED\_APPS配置当前app，不然django无法找到自定义的simple\_tag.**

INSTALLED_APPS = [
        'django.contrib.admin',
        'django.contrib.auth',
        'django.contrib.contenttypes',
        'django.contrib.sessions',
        'django.contrib.messages',
        'django.contrib.staticfiles',
        'blog', #当前的app
    ]

**5、html调用simple\_tag和filter**

<!filer调用方式：>
    <h1>{
       { num|filer_multi:22  }}</h1>
    <!simple_tag调用方式：>
    <h1>{% tag_multi num 5 %}</h1>

**对应的view函数如下：**

def filterandtag(req):
        num=5
        return  render(req,"filterandtag.html",locals())

**从调用代码可以看出：**

**（1）**、filter调用格式：** \{ \{ obj |filter:param \}\}**

simple\_tag调用格式： **\{% filterparam obj  %\}**

**（2）**、 filter最多只支持两个参数

**  simple\_tag支持多个参数**

**（3）**、 **filter可以支持if、for等内置函数语句**

simple\_tag无法支持if、for等内置函数语句

例：

{% if num|filer_multi:5 > 10 %}
        <h1>数值大于10</h1>
        {% elif num|filer_multi:5 < 10 %}
        <h1>数值小于10</h1>
        {% else %}
        <h1>数值等于10</h1>
    {% endif %}

[70]: /images/20220512/fcecd8151d5b482a8b7ba61dc1f043f9.png