基于Python的Flask Web开发 笔记 （2）

模板

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

Hello World!

templates/index.html:Jinja2 模板 

Hello, {{ name }}!

templates/user.html:Jinja2 模板 

1. Jinja2 模板引擎

渲染模板

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)

可识别的模板变量

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

要显示变量中存储的 HTML 代码，这时就可使用 safe 过滤器 

控制结构

if for 宏 

模板继承

     
{% block head %}
 {% endblock %}
     
     
{% block body %}
{% endblock %} 

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

使用Flask-Bootstrap 集成 Bootstrap

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

             

 
   
                 
 
   
                     Toggle navigation
                     
                     
                     
 
   
 
   
                 Flasky
             

                     
Home
                 

{% endblock %}

{% block content %}

{% block page_content %}{% endblock %}

{% endblock %}

user可以简写成

{% extends "base.html" %}
{% block title %}Flasky{% endblock %}
{% block page_content %} 

         
Hello, {{ name }}!
     
{% endblock %}

链接 url_for 

在模板中直接编写简单路由的 URL 链接不难，但对于包含可变部分的动态路由，在模板中构建正确的 URL 就很困难。而且，直接编写 URL 会对代码中定义的路由产生不必要的依赖关系。如果重新定义路由，模板中的链接可能会失效。

为了避免这些问题，Flask 提供了 url_for() 辅助函数，它可以使用程序 URL 映射中保存的信息生成 URL。

url_for() 函数最简单的用法是以视图函数名(或者 app.add_url_route() 定义路由时使用的端点名)作为参数，返回对应的 URL。例如，在当前版本的 hello.py 程序中调用 url_for('index')得到的结果是/。调用url_for('index', _external=True)返回的则是绝对地址，在这个示例中是 http://localhost:5000/。 

使用 url_for() 生成动态地址时，将动态部分作为关键字参数传入。例如，url_for('user', name='john', _external=True)的返回结果是http://localhost:5000/user/john 

静态文件

如，放置APP图标

{% block head %}
{{ super() }}

 {% endblock %}

使用Flask-Moment本地化日期和时间

安装

$ pip install flask-moment

初始化

from flask.ext.moment import Moment 
moment = Moment(app)

引入moment.js 库，在base.html中

{% block scripts %}
{{ super() }}
{{ moment.include_moment() }} {% endblock %}

在hello.py中调用

from datetime import datetime
     @app.route('/')
     def index():
         return render_template('index.html',
                                current_time=datetime.utcnow())