提示和技巧

优质

小牛编辑

129浏览

2023-12-01

这部分文档展示了一些 Jinja2 模板的提示和技巧。

Null-Master 退回

Jinja2 支持动态继承并且只要没有 extends 标签被访问过，就不分辨父模板和子模板。而这会导致令人惊讶的行为：首个 extends 标签前的包括空白字符的所有东西会被打印出来而不是被忽略，这也可以用作一个巧妙的方法。

通常，继承一个模板的子模板来添加基本的 HTML 骨架。而把 extends 标签放在 if 标签中，当 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 可接受无限数目的字符串。每次遭遇这个标签，列表中的下一项就会被渲染。

高亮活动菜单项

你经常想要一个带有活动导航项的导航栏。这相当容易实现。因为在 block 外的声明在子模板中是全局的，并且在布局模板求值前执行，在子模板中定义活动的菜单项:

{% 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>
...

访问父级循环

特殊的 loop 变量总是指向最里层的循环。如果想要访问外层的循环，可以给它设置别名:

<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>