Flask 学习笔记-模版

Jinja2模版引擎

示例:
templates/index.html:Jinja2 模板

Hello World!

示例:
templates/user.html:Jinja2 模板

Hello, {{ name }}!

渲染模版

例如:hello.py:渲染模板

from flask import Flask, render_template
# ...
 @app.route('/')
 def index():
     return render_template('index.html')
@app.route('/user/') 
    def user(name):
         return render_template('user.html', name=name)

Flask 提供的 render_template 函数把 Jinja2 模板引擎集成到了程序中。render_template 函数的第一个参数是模板的文件名。随后的参数都是键值对,表示模板中变量对应的真实值。在这段代码中,第二个模板收到一个名为 name 的变量。左边的“name”表示参数名,就是模板中使用的占位符;右边的“name”是当前作用域中的变量,表示同名参数的值

A value from a dictionary: {{ mydict['key'] }}.

A value from a list: {{ mylist[3] }}.

A value from a list, with a variable index: {{ mylist[myintvar] }}.

A value from an object's method: {{ myobj.somemethod() }}.

可以使用过滤器修改变量,过滤器名添加在变量名之后,中间使用竖线分隔。例如,下述模板以首字母大写形式显示变量 name 的值:

Hello, {{ name|capitalize }}

Jinja2变量过滤器

Jinja2变量过滤器

控制结构

下面这个例子展示了如何在模板中使用条件控制语句:

{% if user %}
    Hello, {{ user }}!
{% else %}
    Hello, Stranger!
{% endif %}

另一种常见需求是在模板中渲染一组元素。下例展示了如何使用 for 循环实现这一需求:

    {% for comment in comments %}
  • {{ comment }}
  • {% endfor %}

Jinja2 还支持宏。宏类似于 Python 代码中的函数。例如:

{% macro render_comment(comment) %}
    
  • {{ comment }}
  • {% endmacro %}
      {% for comment in comments %} {{ render_comment(comment) }} {% endfor %}

    为了重复使用宏,我们可以将其保存在单独的文件中,然后在需要使用的模板中导入:

    {% import 'macros.html' as macros %}
      {% for comment in comments %} {{ macros.render_comment(comment) }} {% endfor %}

    需要在多处重复使用的模板代码片段可以写入单独的文件,再包含在所有模板中,以避免重复:

    {% include 'common.html' %}
    

    另一种重复使用代码的强大方式是模板继承,它类似于 Python 代码中的类继承。首先,创
    建一个名为 base.html 的基模板:

    
    
        {% block head %}
        {% block title %}{% endblock %} - My Application
        {% endblock %}
    
     
        {% block body %}
        {% endblock %}
    
    
    

    block 标签定义的元素可在衍生模板中修改。在本例中,我们定义了名为 head、title 和
    body 的块。注意,title 包含在 head 中。下面这个示例是基模板的衍生模板:

    {% extends "base.html" %}
    {% block title %}Index{% endblock %}
    {% block head %}
        {{ super() }}
        
    {% endblock %}
    {% block body %}
    

    Hello, World!

    {% endblock %}

    extends 指令声明这个模板衍生自 base.html。在 extends 指令之后,基模板中的 3 个块被重新定义,模板引擎会将其插入适当的位置。注意新定义的 head 块,在基模板中其内容不是空的,所以使用 super() 获取原来的内容。

    Flask-Bootstrap

    Flask-Bootstrap基模板中定义的块 ![Flask-Bootstrap基模板中定义的块](http://upload-images.jianshu.io/upload_images/1831990-9b4a5d20c84c3584.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

    如果程序需要向已经有内容的块中添加新内容,必须使用 Jinja2 提供的 super() 函数。例如,如果要在衍生模板中添加新的 JavaScript 文件,需要这么定义 scripts 块:

    {% block scripts %}
    {{ super() }}
    
    {% endblock %}
    

    你可能感兴趣的:(Flask 学习笔记-模版)