TWIG 模板设计快速入门手册中文(3)

来源：未知责任编辑：责任编辑发表时间:2015-09-09 15:34　点击:次

ASP PHP JSP JavaScript 网页设计 DIVCSS Ajax技术 HTML5

            <li>{{ user.username|e }}</li>
        {% endfor %}
    </ul>
{% endif %}

注释
{# ... #} 包围的内容会被注释掉，可以是单行也可以是多行。

载入其他模板
详见include标签（我博客内已经翻译好哦），会返回经过渲染的内容到当前的模板里

{% include 'sidebar.html' %}
{% include 'sidebar.html' %}当前模板的变量也会传递到被include的模板里，在那里面可以直接访问你这个模板的变量。
比如

{% for box in boxes %}
{% include "render_box.html" %}
{% endfor %}
{% for box in boxes %}
{% include "render_box.html" %}
{% endfor %}在 render_box.html 是可以访问 box变量的
加入其他参数可以使被载入的模板只访问部分变量，或者完全访问不到。参考手册

模板继承
TWIG中最有用到功能就是模板继承，他允许你建立一个“骨骼模板”，然后你用不同到block来覆盖父模板中任意到部分。而且使用起来非常到简单。
我们先定义一个基本骨骼页base.html 他包含许多block块，这些都可以被子模板覆盖。

<!DOCTYPE html>
<html>
    <head>
        {% block head %}
            <link rel="stylesheet" href="style.css" />
            <title>{% block title %}{% endblock %} - My Webpage</title>
        {% endblock %}
    </head>
    <body>
        <div id="content">{% block content %}{% endblock %}</div>
        <div id="footer">
            {% block footer %}
                © Copyright 2011 by <a href="http://domain.invalid/">you</a>.
            {% endblock %}
        </div>
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        {% block head %}
            <link rel="stylesheet" href="style.css" />
            <title>{% block title %}{% endblock %} - My Webpage</title>
        {% endblock %}