DAY2-Flask

模板是一个包含响应文本的文件，其中包含用占位变量表示的动态部分，其具体值只在请求的上下文中才能知道。使用真实值替换变量，再返回最终得到的响应字符串，这一过程称为渲染。为了渲染模板，Flask使用了一个名为Jinja2的强大模板引擎。

Jinja2模板引擎

templates/index.html Jinja2模板

Hello World!

templates/user.html Jinja2模板，包含一个使用变量表示的动态部分

Hello, {{name}}!

渲染模板

默认情况下，Flask在程序文件夹中的templates子文件夹中寻找模板。

渲染模板

from flask import Flask,render_template

app = Flask(__name__)


@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·是当前作用中的变量，表示同名参数的值。

变量

可以使用过滤器修改变量，过滤器添加在变量名之后，中间使用竖线分隔。

Jinja2变量过滤器

过滤器名	说明
safe	渲染值时不转义
capitalize	把值的首字母转换成大写，其他字母转换成小写
lower	把值转换成小写形式
upper	把值转换成大写形式
title	把值中每个单词的首字母都转换成大写
trim	把值得首尾空格去掉
striptags	渲染之前把值中所有的HTML标签都删掉

出于安全考虑，Jinja2会转义所有变量。

控制结构

条件控制语句

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

for循环

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

宏（类似于函数）

{% 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' %}

模板继承——基模板

    {% block head %}
    
    <% endblock %}


    {% block body %}
    {% endblock %}

模板继承——衍生模板

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

extends指令声明这个模板衍生自base.html。注意新定义的head块，在基模板中其内容不是空的，所有使用super()获取原来的内容。

Flask-Bootstrap

安装

pip install flask-bootstrap

Flask扩展一般都在创建程序实例时初始化。

初始化Flask-Bootstrap

from flask_bootstrap import Bootstrap

bootstrap = Bootstrap(app)

使用Flask-Bootstrap模板

{% extends "bootstrap/base.html" %}
{% block title %}Flasky{% endblock %}
{% block navbar %}

    

        

            
                Toggle navigation
                
                
                
            
            Flasky
        
        

            

                
Home
            
        
    

{% endblock %}

{% block content %}

    

        
Hello,{{name}}!
    

{% endblock %}

浏览地址：       http://127.0.0.1:5000/user/Dave

Flask-Bootstrap 基模板中定义的块

块名	说明
doc	整个HTML文档
html_attribs	标签中的内容
html	标签中的内容
head	标签中的内容
title