《Flask Web开发：基于Python的Web应用开发实战》笔记二、

第三章、模板

 视图函数作用即生成请求的响应，如果把业务逻辑和表现逻辑混在一起会导致代码难以理解和维护。吧表现逻辑转移到模板中能够提升程序的可维护性。
 模板是一个响应文本的文件，其中包含用占位变量表示的动态部分，其具体值只在请求的上下文才能知道。
 使用真实值替换变量，在返回最终得到的响应字符串，这一过程称为渲染。

3.1、Jinja2模板引擎

3.1.1、渲染模板

 在默认情况下，Flask程序会在templates子文件夹中寻找模板。在下一个hello.py版本中，要把前面定义的模板保存在templates文件夹中，并分别命名为index.html和user.html。

from flask import Flask,render_template
from flask_script import Manager

app = Flask(__name__)
manager = Manager( app )

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/user/')
def user(name):
    return render_template('user.html',name=name)

if __name__ == "__main__":
   manager.run()

•  代码详解：Flask提供的render_template函数吧Jinja2模板引擎集成到程序中。render_template函数的第一个参数是模板的文件名，随后的参数都是键值对，表示模板中变量对应的真实值。

3.1.2、变量

•  Jinja2能识别所有类型的变量，甚至是一些复杂的类型，例如列表、字典和对象。在模板中使用变量的一些示例如下：

  DICT {{ mydict['key'] }}
  LIST {{ mylist[3] }}
  list with a variable index: {{ mylist[myintvar]}}
   object's method: {{ myobj.somemethod() }} 

• 常用Jinja2 变量过滤器

1. safe 渲染值时不转义
2. capitalize 把值的首字母转换成大写，其他字母转换成小写
3. lower 把值转换成小写形式
4. upper 把值转换成大写形式
5. title 把值中每个单词的首字母都转换成大写
6. trim 把值的首尾空格去掉
7. striptags 渲染之前把值中所有的HTML标签都删掉

3.1.3、控制结构

条件控制语句
{% if user %}
{% else %}
{% endif %}
for循环语句
{% for comment in comments %}
{% endfor %}
支持宏
{% marco render_comment(comment) %}
多处重复使用的模板代码片段可以写入单独的文件，再包含在所有的模板中，以避免重复：
{ % include 'comment.html' %}

•  另外一中重复使用代码的强大方式是模板继承，他类似于Python代码中的类继承。继承方式如下：首先创建一个名为base.html的基础模板：

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

•  block标签定义的元素可在衍生的模板中年修改。在本例中，我们定义了名为head，title，body的块元素。注意，title包含在head中。下面就是基于基础模板的衍生模板:

  {% extends bash.html %}
  {% block title %}
  Index
  {% endblock%}
  {% block head%}
  {{ super() }}
  
  {% endblock %}
  {% block body %}
  hello,world
  {% endblock %}

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

3.2、使用Flask-Bootstrap集成Twitter Bootstrap

  Bootstrap是Twitter开发的一个开源框架，它提供的用户界面组件可用于创建整洁且具有吸引力的网页，并且这些网页还能兼容所有现代的Web浏览器。
 Bootstrap是客户端框架，不会直接涉及服务器。要下在程序中继承Bootstrap，显然需要对模板做所有必要的改动，更简单的方法就是安装Flask-Bootstrap的Flask扩展，简化集成的过程。

• Flask-Bootstrap使用pip方式安装

  pip install flask-bootstrap

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

  from flask.ext.bootstrap import Bootstrap
  bootstrap = Bootstrap(app)

• templates/user.html，使用的就是Flask-Bootstrap的模板

  {% extends "bootstrap/base.html" %}
  {% block title %}Flasky{% endblock %}
  {% block navbar %}
  
  
  
  
  Toggle navigation
  
  
  
  
  Flasky
  
  
  
  Home
  
  
  
  
  {% endblock %}
  {% block content %}
  
  
  Hello, {{ name }}!
  
  
  {% endblock %}

代码详解：

•  Jinja2中的extends指令从Flask-Bootstrap中导入bootstrap/base.html,从而实现模板继承。Flask-Bootstrap中的基础模板提供了一个网页框架，引入了Bootstrap中的所有CSS和JavaScript文件。
•   基础模板中定义了可在衍生模板中重新定义的块。block和endblock指令定义块中的内容可添加到基模板中。

Flaks-Bootstrap基模板中定义的块：
块名 说明

1. doc 整个HTML文档
2. html_attribs 标签的属性
3. html 标签的内容
4. head 标签中的内容
5. title