Django 模板语法

模板语法之变量

变量在HTML中的表示：{{var_name}}

变量取值：句点符 "."

views:

def index(request):
    import datetime
    s = "hello"
    li = [1, 2, 3]  # 列表
    dic = {"name": "lcg", "age": 18}  # 字典
    date = datetime.date(1993, 12, 9)  # 日期对象

    class Person(object):
        def __init__(self, name):
            self.name = name

    p1 = Person("lcg1")  # 自定义类对象
    p2 = Person("lcg2")
    p3 = Person("lcg3")

    p_list = [p1, p2, p3]

    return render(request, 'hello.html', {'s': s, 'li': li, 'dic': dic, 'date': date, 'p_list': p_list})

html:

<h4>{{s}}</h4>
<h4>列表:{{ li.0 }}</h4>
<h4>列表:{{ li.2 }}</h4>
<h4>字典:{{ dic.name }}</h4>
<h4>日期:{{ date.year }}</h4>
<h4>类对象列表:{{ p_list.0.name }}</h4>

注意：句点符也可以用来引用对象的方法(无参数方法)。

<h4>字典:{{ dic.name.upper }}</h4>

模板语法之过滤器

语法：

{{obj|filter__name:param}}

default

如果一个变量是false或者为空，使用给定的默认值。否则，使用变量的值。例如：

{{ value|default:"nothing" }}

add

加法 num+1

{{num|add:1}}

length

返回值的长度。它对字符串和列表都起作用。例如：

{{ value|length }}

如果 value 是 ['a', 'b', 'c', 'd']，那么输出是 4。

filesizeformat

将值格式化为一个 “人类可读的” 文件尺寸（例如 '13 KB', '4.1 MB', '102 bytes', 等等）。例如：

{{ value|filesizeformat }}

# 如果 value 是 123456789，输出将会是 117.7 MB。

date

如果 value=datetime.datetime.now()

{{ value|date:"Y-m-d" }}

slice

{{ value|slice:"2:-1" }}

# 相当于切片，如果 value="hello world"，输出 lo world

truncatechars

如果字符串字符多于指定的字符数量，那么会被截断。截断的字符串将以可翻译的省略号序列（“...”）结尾。

参数：要截断的字符数（应该大于3,否则输出'...'）

例如：

{{ value|truncatechars:9 }}

如果value是"12345678910111213"，输出将为"123456789..."

safe

Django的模板中会对HTML标签和JS等语法标签进行自动转义，原因显而易见，这样是为了安全。但是有的时候我们可能不希望这些HTML元素被转义,如果是一个单独的变量我们可以通过过滤器“|safe”的方式告诉Django这段代码是安全的不必转义.

views:

def test(request):
    value="<a href="">点击</a>"
    return render(request,'test.html',{'value':value})

html:

{{ value }}

它实际被转化成下面这样，再被渲染成上面的效果

过滤器“|safe”的方式告诉Django这段代码是安全的不必转义:

html：

{{ value|safe }}

这里简单介绍一些常用的模板的过滤器，更多详见

模板之标签　

for标签

遍历每一个元素：

{% for person in person_list %}
    <p>{{ person.name }}</p>
{% endfor %}

可以利用{% for obj in list reversed %}反向完成循环。

遍历一个字典：

{% for key,val in dic.items %}
    <p>{{ key }}:{{ val }}</p>
{% endfor %}

注：循环序号可以通过｛｛forloop｝｝显示

forloop.counter       The current iteration of the loop (1-indexed)
forloop.counter0      The current iteration of the loop (0-indexed)
forloop.revcounter    The number of iterations from the end of the loop (1-indexed)
forloop.revcounter0   The number of iterations from the end of the loop (0-indexed)
forloop.first         True if this is the first time through the loop
forloop.last          True if this is the last time through the loop

for ... empty

for 标签带有一个可选的{% empty %} 从句，以便在给出的组是空的或者没有被找到时，可以有所操作。

{% for person in person_list %}
    <p>{{ person.name }}</p>

{% empty %}
    <p>sorry,no person here</p>
{% endfor %}

if 标签

{% if %}会对一个变量求值，如果它的值是“True”（存在、不为空、且不是boolean类型的false值），对应的内容块会输出。

{% if num > 100 or num < 0 %}
    <p>无效</p>
{% elif num > 80 and num < 100 %}
    <p>牛逼</p>
{% else %}
    <p>辣鸡</p>
{% endif %}

with

使用一个简单地名字缓存一个复杂的变量，当你需要使用一个“昂贵的”方法（比如访问数据库）很多次的时候是非常有用的

例如：

{% with total=business.employees.count %}
    {{ total }} employee{{ total|pluralize }}
{% endwith %}

csrf_token

这个标签用于跨站请求伪造保护

模板的继承与组件

把重复的代码写在layout.html里，留出空位供其它html填写对应的内容，其他的HTML文件调用后就无需再写这些重复代码也有该代码的功能。

如layout.html：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>my django-templet demo</title>

    <style>
        {% block page-css %}
        {% endblock %}
    </style>

</head>
<body>

<h1>我是layout</h1>
{% block page-main %}
{% endblock %}

<script>
    {% block page-js %}
    {% endblock %}
</script>

</body>
</html>

下面新建一个new.html的文件，继承母板

{% extends 'layout.html' %}
{% block page-css %}
    p{
        color: red;
    }
{% endblock %}
{% block page-main %}
    <p>我在调用layout,我是另一个html文件</p>
{% endblock %}

urls.py,views.py

url(r'^new/', views.new),

def new(request):
    return render(request, 'new.html')

效果：

下面再给new.html添加一个组件（注意：要添加再母板中，不然的话怎么确定组件的位置？）

hello.html

hello 我是组件

layout.html中指定位置添加组件 {% include 'hello.html' %}

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>my django-templet demo</title>

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

</head>
<body>

<h1>我是layout</h1>
{% block page-main %}
{% endblock %}

{% include 'hello.html' %}

{% block page-js %}
{% endblock %}

</body>
</html>

效果：

super继承

上面的继承都是覆盖式继承，super继承是保留式继承

看例子

layout.html

{% block page1 %}
    <p>111</p>
    <p>222</p>
{% endblock %}

{% block page2 %}
    <p>aaa</p>
    <p>bbb</p>
{% endblock %}

new.html

{% extends 'layout.html' %}

{% block page1 %}
<p>333</p>
{% endblock %}

显示效果：page1的内容被覆盖了

解决方案就是加{{block.super}}

{% extends 'layout.html' %}

{% block page1 %}
{{ block.super }}
<p>333</p>
{% endblock %}

效果：