通常，繼承一個模板的子模板來添加基本的 HTML 骨架。而把 extends 標(biāo)簽放在 if 標(biāo)簽中，當(dāng) standalone 變量值為 false 時（按照默認未定義也為 false ）繼承布局模板是可行的。此外，一個非常基本的骨架會被添加到文件，這樣如果確實帶置為 True 的 standalone 渲染，一個非?；镜?HTML 骨架會被添加:

{% if not standalone %}{% extends 'master.html' %}{% endif -%}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>{% block title %}The Page Title{% endblock %}</title>
<link rel="stylesheet" href="style.css" type="text/css">
{% block body %}
  <p>This is the page body.</p>
{% endblock %}

交替的行

如果你想要對一個表格或列表中的每行使用不同的樣式，可以使用 loop 對象的 cycle 方法:

<ul>
{% for row in rows %}
  <li class="{{ loop.cycle('odd', 'even') }}">{{ row }}</li>
{% endfor %}
</ul>

cycle 可接受無限數(shù)目的字符串。每次遭遇這個標(biāo)簽，列表中的下一項就會被渲染。

高亮活動菜單項

你經(jīng)常想要一個帶有活動導(dǎo)航項的導(dǎo)航欄。這相當(dāng)容易實現(xiàn)。因為在 block 外的聲明在子模板中是全局的，并且在布局模板求值前執(zhí)行，在子模板中定義活動的菜單項:

{% extends "layout.html" %}
{% set active_page = "index" %}

布局模板之后就可以訪問 active_page 。此外，這意味著你可以為它定義默認值:

{% set navigation_bar = [
    ('/', 'index', 'Index'),
    ('/downloads/', 'downloads', 'Downloads'),
    ('/about/', 'about', 'About')
] -%}
{% set active_page = active_page|default('index') -%}
...
<ul id="navigation">
{% for href, id, caption in navigation_bar %}
  <li{% if id == active_page %} class="active"{% endif
  %}><a href="{{ href|e }}">{{ caption|e }}</a>/li>
{% endfor %}
</ul>
...

訪問父級循環(huán)

特殊的 loop 變量總是指向最里層的循環(huán)。如果想要訪問外層的循環(huán)，可以給它設(shè)置別名:

<table>
{% for row in table %}
  <tr>
  {% set rowloop = loop %}
  {% for cell in row %}
    <td id="cell-{{ rowloop.index }}-{{ loop.index }}>{{ cell }}</td>
  {% endfor %}
  </tr>
{% endfor %}
</table>

在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

提示和技巧

Null-Master 退回

交替的行

高亮活動菜單項

訪問父級循環(huán)