jinja2 模板语言之filter 3

母板

  
  
  
  
  {% block page-css %}
  
  {% endblock %}



这是母板的标题

{% block page-main %}

{% endblock %}
母板底部内容
{% block page-js %}

{% endblock %}



注意：我们通常会在母板中定义页面专用的CSS块和JS块，方便子页面替换。

继承母板

在子页面中在页面最上方使用下面的语法来继承母板。

{% extends 'base.html' %}

块（block）

通过在母板中使用{% block  xxx %}来定义"块"。

在子页面中通过定义母板中的block名来对应替换母板中相应的内容。

{% block page-main %}
  
世情薄
  
人情恶
  
雨送黄昏花易落
{% endblock %}

 

组件

可以将常用的页面内容如导航条，页尾信息等组件保存在单独的文件中，然后在需要使用的地方按如下语法导入即可。

{% include 'navbar.html' %}

静态文件相关

{% load static %}


引用JS文件时使用：

{% load static %}



某个文件多处被用到可以存为一个变量：
{% load static %}
{% static "images/hi.jpg" as myphoto %}

使用get_static_prefix

{% load static %}

或者

{% load static %}
{% get_static_prefix as STATIC_PREFIX %}

 

 自定义simpletag

和自定义filter类似，只不过接收更灵活的参数。

定义注册simple tag

@register.simple_tag(name="plus")
def plus(a, b, c):
    return "{} + {} + {}".format(a, b, c)

使用自定义simple tag

{% load app01_demo %}

{# simple tag #}
{% plus "1" "2" "abc" %}

 

inclusion_tag

多用于返回html代码片段

示例：

templatetags/my_inclusion.py

from django import template

register = template.Library()


@register.inclusion_tag('result.html')
def show_results(n):
    n = 1 if n < 1 else int(n)
    data = ["第{}项".format(i) for i in range(1, n+1)]
    return {"data": data}

templates/snippets/result.html

  {% for choice in data %}
    
{{ choice }}
  {% endfor %}

templates/index.html

  
  
  
  



{% load inclusion_tag_test %}

{% show_results 10 %}