django 第五课自定义模板过滤器与标签

• 代码布局：（自定义的代码放在哪里）

　　某个app特有的

　　　　app目录下，templatetags文件夹需要放 __init__.py

　　　　在到templetags文件夹下创建python模块（py文件）

• 定义复用

　　创建要给新的app，将他们定义在新的app中，在INSTALL_APPS

　　注册，然后可以应用

 

自定义模板过滤器

模板过滤器是什么？
　　函数，一个或两个参数
　　　　第一个参数是传递进来的模板变量
　　　　第二个参数，普通的参数，也可以是默认也可以不要
其实就是个函数，没有什么不同
在app目录teacher下创建templatetags目录，然后在templatetags文件夹下创建customer_filter.py文件，写上如下代码：

　　

from django.template import Library
#第一中调用方式
register = Library()

def to_male(value,arg='zh'):
    map = {
        'zh':('女','男'),
        'en':('female','male')
    }
    return  map[arg][value]

register.filter('male',to_male)

或者

from django.template import Library

register = Library()
　　#第二种 装饰器注册
@register.filter()
def to_male(value,arg='zh'):
    map = {
        'zh':('女','男'),
        'en':('female','male')
    }
    return  map[arg][value]

# register.filter('male',to_male)

 

在模板文件index.html中调用需要先load下

{% extends 'teacher/base.html' %}
{% load static %}
#调用自定义过滤器
{% load customer_filters %}
{% block title %}首页面{% endblock %}

 

然后通过参数调用

            {% for stu in students %}
                <tr {% if stu.sex == '女'  %}style="color: red"{% endif %}>
                    <td><a href="{% url 'teacher:detail' stu.id %}">{{ forloop.counter }}</a></td>
                    <td>{{ stu.name }}</td>
                    <td>{{ stu.age }}</td>
                    #调用自定义标签
                    <td>{{ stu.sex | male }}</td>
                </tr>
            {% endfor %}

还可以调用英文，只需改成如下样式就可以了。

{{ stu.sex | male:'en'}}

            {% for stu in students %}
                <tr {% if stu.sex == '女'  %}style="color: red"{% endif %}>
                    <td><a href="{% url 'teacher:detail' stu.id %}">{{ forloop.counter }}</a></td>
                    <td>{{ stu.name }}</td>
                    <td>{{ stu.age }}</td>
                    #调用自定义标签
                    <td>{{ stu.sex | male:'en'}}</td>
                </tr>
            {% endfor %}

 

视图views.py设置如下

def index(request):

    students = [
        {'id': 10, 'name': '张三', 'age': 18, 'sex': 1},
        {'id': 11, 'name': '李四', 'age': 19, 'sex': 0},
        {'id': 22, 'name': '王五', 'age': 18, 'sex': 1},
        {'id': 138, 'name': '赵柳', 'age': 16, 'sex': 0},
        {'id': 90, 'name': '钱七', 'age': 25, 'sex': 1},
    ]
    return render(request, 'teacher/index.html', context={
        'students': students
    })

 

自定义模板标签

　　简单标签

　　　　django.template.Library.simple_tag()

　　　　注册

　　　　　　1 普通注册

　　　　　　　　　　register.simple_tag(curren_time,name='current')

　　　　　　2.  装饰器：

　　　　　　　　　　@register.simple_tag(name='current')

　　和自定义模板过滤器一样需要在templatetags文件夹下创建customer_tags.py文件，然写如下代码

　　

from django.template import Library
from datetime import datetime
register =Library()
#注册第二种方法
@register.simple_tag(name='current')
def curren_time(format_str):
    return datetime.now().strftime(format_str)
#注册第一种方法
# register.simple_tag(curren_time,name='current')

index.html导入

{% extends 'teacher/base.html' %}
{% load static %}
{% load customer_filter %}
{% load customer_tags %}
{% block title %}首页面{% endblock %}
{% block link %} <link href="{% static 'teacher/css/index.css' %}" rel="stylesheet">{% endblock %}
{% block content %}

index.html 调用

<div class="container">
        <h1>当前时间：{% current '%Y-%m-%d %H:%M:%S'%}</h1>
      <div class="starter-template">

效果显示：

 

 引用上下文变量（views中render传递到模板中的那个context 只需要在

simple_tag中设置take_context = True）

 customer|_tags.py设置如下

from django.template import Library
from datetime import datetime
register =Library()
#注册第二种方法
@register.simple_tag(name='current',takes_context=True)
def curren_time(context):
    return datetime.now().strftime(context['format_str'])
#注册第一种方法
# register.simple_tag(curren_time,name='current')

views.py中设置

def index(request):

    students = [
        {'id': 10, 'name': '张三', 'age': 18, 'sex': 1},
        {'id': 11, 'name': '李四', 'age': 19, 'sex': 0},
        {'id': 22, 'name': '王五', 'age': 18, 'sex': 1},
        {'id': 138, 'name': '赵柳', 'age': 16, 'sex': 0},
        {'id': 90, 'name': '钱七', 'age': 25, 'sex': 1},
    ]
    format_str = '%Y-%m-%d %H:%M:%S'
    return render(request, 'teacher/index.html', context={
        'students': students,
        'format_str':format_str,
    })

index.html中设置

<div class="container">
        <h1>当前时间：{% current %}</h1>
      <div class="starter-template">
        <table class="table">
            <thead>
            <tr>
                <th>序号</th>

 

 包含标签：

　　django.template.Library.inclution

　　通过渲染另外一个模板来展示数据

　　定义：

　　　　定义一个函数，接受调用时传递模板变量

　　　　定义一个模板

customer_tags.py文件设置，用inclutio'n 调用 模板文件

show_ljist_al_ul.html 文件

　　

@register.inclusion_tag('teacher/show_ljist_al_ul.html')
def show_list_as_ul(value):
    return  {'ls': value}

*一个show_ljist_al_ul.html 文件

　　

<ul>
    {% for l in ls %}
        <li>{{ l }}</li>
    {% endfor %}

</ul>

views.py设置，设置customer_tags中的value值，将课程内容传递过去

def index(request):

    students = [
        {'id': 10, 'name': '张三', 'age': 18, 'sex': 1,
         'course':['python','java','hack','english']},
        {'id': 11, 'name': '李四', 'age': 19, 'sex': 0,
         'course':['python','java','hack','english']},
        {'id': 22, 'name': '王五', 'age': 18, 'sex': 1,
         'course':['python','java','hack','english']},
        {'id': 138, 'name': '赵柳', 'age': 16, 'sex': 0,
         'course':['python','java','hack','english']},
        {'id': 90, 'name': '钱七', 'age': 25, 'sex': 1,
         'course':['python','java','hack','english']},
    ]
    format_str = '%Y-%m-%d %H:%M:%S'
    return render(request, 'teacher/index.html', context={
        'students': students,
        'format_str':format_str,
    })

模板首页index.html调用

  <tbody>
            {% for stu in students %}
                <tr {% if stu.sex == '女'  %}style="color: red"{% endif %}>
                    <td><a href="{% url 'teacher:detail' stu.id %}">{{ forloop.counter }}</a></td>
                    <td>{{ stu.name }}</td>
                    <td>{{ stu.age }}</td>

                    <td>{{ stu.sex | male:'en'}}</td>
                    <td>{% show_list_as_ul stu.course%}</td>
                </tr>
            {% endfor %}
            </tbody>

效果图：

 

 传递样式style:

customer_tags，设置样式参数style

@register.inclusion_tag('teacher/show_ljist_al_ul.html')
def show_list_as_ul(value,style):
    return  {'ls': value,'style':style}

show_ljist_al_ul.html 文件设置具体样式

{% if style == 'button' %}
    <div class="list-group">
        {% for l in ls %}
            <button type="="button" class = "list-group-item"> {{ l }}}</button>
        {% endfor %}
    </div>
{% elif style == 'link' %}
    <div class="list-group">
        {% for l in ls %}
        <a href="#" class="list-group-item">{{ l }}</a>
        {% endfor %}
    </div>
{% else %}
       <ul class="list-group">
        {% for l in ls %}
        <a href="#" class="list-group-item">{{ l }}</a>
        {% endfor %}
    </ul>
{% endif %}

index.html调用

            {% for stu in students %}
                <tr {% if stu.sex == '女'  %}style="color: red"{% endif %}>
                    <td><a href="{% url 'teacher:detail' stu.id %}">{{ forloop.counter }}</a></td>
                    <td>{{ stu.name }}</td>
                    <td>{{ stu.age }}</td>

                    <td>{{ stu.sex | male:'en'}}</td>
                    <td>{% show_list_as_ul stu.course style='link' %}</td>
                </tr>
            {% endfor %}
            </tbody>

效果图：