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

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

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

写了好几篇关于twig的东西。。居然还没写个快速入门之类的。现在就写

概要
twig 的模板就是普通的文本文件，也不需要特别的扩展名，.html .htm .twig 都可以。
模板内的变量和表达式会在运行的时候被解析替换，标签（tags）会来控制模板的逻辑
下面是个最小型的模板，用来说明一些基础的东西

<!DOCTYPE html>
<html>
    <head>
        <title>My Webpage</title>
    </head>
    <body>
        <ul id="navigation">
        {% for item in navigation %}
            <li><a href="{{ item.href }}">{{ item.caption }}</a></li>
        {% endfor %}
        </ul>

        <h1>My Webpage</h1>
        {{ a_variable }}
    </body>
</html>
<!DOCTYPE html>
<html>
    <head>
        <title>My Webpage</title>
    </head>
    <body>
        <ul id="navigation">
        {% for item in navigation %}
            <li><a href="{{ item.href }}">{{ item.caption }}</a></li>
        {% endfor %}
        </ul>

        <h1>My Webpage</h1>
        {{ a_variable }}
    </body>
</html>
里面包含两种符号 {% ... %} 和 {{ ... }} 第一种用来控制的比如for循环什么的，第二个是用来输出变量和表达式的

ide 支持
很多ide 都对twig进行高亮支持。大伙自己找需要的吧。
Textmate via the Twig bundle
Vim via the Jinja syntax plugin
Netbeans via the Twig syntax plugin
PhpStorm (native as of 2.1)
Eclipse via the Twig plugin
Sublime Text via the Twig bundle
GtkSourceView via the Twig language definition (used by gedit and other projects)
Coda and SubEthaEdit via the Twig syntax mode
变量
程序会传递给模板若干变量，你需要在模板里输出他们。例如输出 $hello

{{ hello }}
{{ hello }}如果传递给模板的是对象或者数组，你可以使用点 . 来输出对象的属性或者方法，或者数组的成员。或者你可以使用下标的方式。
{{ foo.bar }}
{{ foo['bar'] }}