Symfony - view

Twig 是 快速 ，灵活 ，安全的PHP前端模版。

concise 简洁

熟悉Twig

---

标记说明 :

• {{ ... }}: prints the content of a variable or the result of an expression;
  

输出内容变量或者是表达式的结果。

 <li><a href="http://symfony.com/doc/{{ version }}/book/index.html">The Book</a></li>

•  {% ... %}: controls the logic of the template; it is used for example to execute for loops and
  

逻辑控制或者是循环或者是IFELSE

{% if app.environment == 'dev' %}
            <div class="block-configure">
                <div class="illustration">
                    <img src="{{ asset('bundles/acmedemo/images/welcome-configure.gif') }}" alt="Configure your application" />
                </div>
                <a href="{{ path('_configurator_home') }}" class="sf-button sf-button-selected">
                    <span class="border-l">
                        <span class="border-r">
                            <span class="btn-bg">Configure</span>
                        </span>
                    </span>
                </a>
            </div>
        {% endif %}

•  {# ... #}: allows including comments inside templates.

twig注释部分，并不会展示在网页上。

装饰模版

---

{% extends "AcmeDemoBundle::layout.html.twig" %}
{% block title "Hello " ~ name %}
{% block content %}
    <h1>Hello {{ name }}!</h1>
{% endblock %}
{% set code = code(_self) %}

继承并重写content内容。

 {% block %}

{% block head %}
    <link rel="icon" sizes="16x16" href="{{ asset('favicon.ico') }}" />
    <link rel="stylesheet" href="{{ asset('bundles/acmedemo/css/demo.css') }}" />
{% endblock %}

利用asset引入CSS和img等外部资源。