前言

templates 模板里面过滤器 filter 的作用是对变量的出来，比如小写转大写，替换一些特殊字符，对列表取值，排序等操作。
内置的过滤器有很多，本篇拿几个常用的过滤器做案例讲解下相关的功能。

default

default 的功能是当 value 的值为为布尔值 False 的时候，输出过滤器自定义的值，语法

{{ value | default:"nothing" }}

视图函数 context 内容

# 上海悠悠，QQ交流群：750815713

def personalView(request):
    context = {
        "hello": "hello world!",
        "name": "上海-悠悠",
        "html": "<h2>这是一段html标签</h2>",
        "n_name": "",
        "age": 20,
        "fancy": ["python", "django", "pytest"],
        "blog": {
            "url": "https://www.cnblogs.com/yoyoketang/",
            "img": "https://pic.cnblogs.com/avatar/1070438/20161126151035.png"
        }
    }
    return render(request, "personal.html", context=context)

personal.html 模板的部分内容

<div>
    <p class="text_gray"><span>姓名: </span>{{ n_name | default:"yoyo" }}</p>
</div>

n_name 的值为空，所以在页面上回显示默认值 yoyo

add

add 的功能是将 value 的值加一个值，比如把age的值加8

{{ value | add:"8" }}

personal.html 模板的部分内容

<div>
    <p class="text_gray"><span>年龄：</span>{{ age | add:"8" }}</p>
</div>

first、last、join

first 是输出列表中第一个,last 是输出列表中最后一个值，join是连接列表的值

{{ value | first }}
{{ value | last }}
{{ value | join:"arg" }}

personal.html 模板的部分内容

    <p class="text_gray"><span>感兴趣的技术first：</span>{{ fancy | first }}</p>
    <p class="text_gray"><span>感兴趣的技术last：</span>{{ fancy | last }}</p>  
    <p class="text_gray"><span>感兴趣的技术join：</span>{{ fancy | join:" | " }}</p>

safe

safe 关闭html转义，告诉Django，这段代码是安全的，不用转义

{{ value | safe }}

personal.html 模板的部分内容

    <p class="text_gray"><span>html标签：</span>{{ html }}</p>
    <p class="text_gray"><span>html标签：</span>{{ html | safe}}</p>

显示效果

personal.html 模板的部分内容

# 上海悠悠，QQ交流群：750815713
<div>
    <p class="text_gray"><span>姓名: </span>{{ n_name | default:"yoyo" }}</p>
    <p class="text_gray"><span>年龄：</span>{{ age | add:"8" }}</p>
    <p class="text_gray"><span>感兴趣的技术first：</span>{{ fancy | first }}</p>
    <p class="text_gray"><span>感兴趣的技术last：</span>{{ fancy | last }}</p>
    <p class="text_gray"><span>感兴趣的技术join：</span>{{ fancy | join:" | " }}</p>
    <p class="text_gray"><span>html标签：</span>{{ html }}</p>
    <p class="text_gray"><span>html标签：</span>{{ html | safe}}</p>
    </div>

页面显示

除了上面的这些过滤器，还有很多内置过滤器，如果内置过滤器不能满足你的需求，也可以自己写一个过滤器！