摘要：示例使用的模板的指令通過從引用來實(shí)現(xiàn)模板的繼承。上面的模板定義了三個(gè)，分別命名為和。同時(shí)返回相應(yīng)錯(cuò)誤的數(shù)字狀態(tài)碼。示例帶有導(dǎo)航欄的基礎(chǔ)應(yīng)用程序模板這個(gè)模板中的塊中只是一個(gè)名為的元素，它包含了在派生模板中定義的名為的空。

Bootstrap是Twitter的一個(gè)開源框架，提供用戶交互組件來創(chuàng)建一個(gè)清新且有吸引力的web頁面，并兼容所有現(xiàn)代web瀏覽器。

Bootstrap是一個(gè)客戶端框架，服務(wù)端不直接參與。服務(wù)端需要做的就是提供HTML響應(yīng)，引用層疊樣式表（CSS）和JavaScript文件并通過HTML、CSS、和JavaScript代碼來實(shí)例化需要的組件。模板是做這些的理想地方。

集成Bootstrap到應(yīng)用程序最好的方式是在模板中做一些必要的改變。一個(gè)簡單點(diǎn)的途徑就是使用Flask-Bootstrap擴(kuò)展去簡化集成工作。可以通過pip來安裝Flask-Bootstrap：

(venv) $ pip install flask-bootstrap

Flask擴(kuò)展通常在應(yīng)用程序?qū)嵗粍?chuàng)建的時(shí)候初始化。示例3-4展示Flask-Bootstrap的初始化。

示例3-4. hello.py：Flask-Bootstrap初始化

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

和第二章的Flask-Script一樣，F(xiàn)lask-Bootstrap從flask.ext命名空間導(dǎo)入并通過傳遞應(yīng)用程序?qū)嵗綐?gòu)造函數(shù)來初始化。

一旦Flask-Bootstrap被初始化，一個(gè)包含所有Bootstrap文件的基礎(chǔ)模板就可供應(yīng)用程序使用了。這個(gè)模板利用Jinja2的模板繼承，應(yīng)用程序則可以擴(kuò)展一個(gè)擁有通用頁面結(jié)構(gòu)，且包含Bootstrap導(dǎo)入的元素的基礎(chǔ)模板。示例3-5展示作為派生模板的新版user.html。

_示例3-5. templates/user.html： 使用Flask-Bootstrap的模板

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





{% endblock %}

{% block content %}



  

    
Hello, {{ name }}!
 
  



{% endblock %}

Jinja2的extends指令通過從Flask-Bootstrap引用bootstrap/base.html來實(shí)現(xiàn)模板的繼承。Flask-Bootstrap的基礎(chǔ)模板提供一個(gè)包含Bootstrap CSS和JavaScript文件的web頁面骨架。

基礎(chǔ)模板定義了一些可以被派生模板重寫的block。block和endblock指令定義了被添加到基礎(chǔ)模板中block的內(nèi)容。

上面的user.html模板定義了三個(gè)block，分別命名為title、navbar和content。基礎(chǔ)模板里的這些block輸出派生模板定義的內(nèi)容。title塊比較簡單；它的內(nèi)容將出現(xiàn)在