模板应用实践

空白控制

在实际输出的HTML文件中，模板中的jinja2语句、表达式和注释会保留移除后的空行。

例如下面的代码：

{% set user.age = 23 %}

{% if urer.age > 10 %}     {
  { user.name }} can play the game {% if user.name >20 %}     {
  { user.name }}can paly the game only 10 minutes! 

{% endif %}

jinja2语句中的代码缩进并不是必须的，添加缩进可以增加可读性。

实际输出的HTML代码：

{
  { user.name }} can play the game

{
  { user.name }}can paly the game only 10 minutes! 

如果想再渲染时自动去掉空行，可以在定界符内侧添加减号。比如{%-endfor%}会移除该语句前的空白，同理，在右边的定界符内侧添加减号将移除该语句后的空白：

{% set user.age = 23 -%} {% if urer.age > 10 -%}     {
  { user.name }} can play the game {% if user.name >20 -%}     {
  { user.name }}can paly the game only 10 minutes!  {%- endif %}

现在输出的HTML代码如下：

{
  { user.name }} can play the game

{
  { user.name }}can paly the game only 10 minutes! 

 

除了在模板中使用减号来控制空白，也可以使用模板环境对象提供的trim_blocks和lstrip_blocks属性设置，前者用来删除jinja2语句后的第一个空行，后者则用来删除jinja2语句所在行之前的空格和制表符（tab）：

app.jinja_env.trim_blocks = True

app.jinja_env.lstrip_blocks = True

trim_blocks中的block指的是使用{% … %}定界符的代码块，与模板继承中的块无关。

需要注意，宏内的空白行为不受trim_blocks和lstrip_blocks属性控制，我们需手动设置，例如：

{% macro qux(amount=1) %}     {% if amount ==1 -%}         I am qux.     {% elif amount > 1 -%} {% endmacro %} 事实上，我们没有必要严格控制HTML输出，因为多余的空白并不影响浏览器的解析