Flask Web开发：基于Python的Web应用开发实战（第2版）

24

｜

第

3

章

{% extends "base.html" %}

{% block title %}Index{% endblock %}

{% block head %}

{{ super() }}

<style>

</style>

{% endblock %}

{% block body %}

<h1>Hello, World!</h1>

{% endblock %}

extends 指令声明这个模板衍生自

base.html

。在 extends 指令之后，基模板中的

3

个区块

被重新定义，模板引擎会将其插入适当的位置。如果基模板和衍生模板中的同名区块中都

有内容，衍生模板中的内容将显示出来。在衍生模板的区块里可以调用 super()，引用基

模板中同名区块里的内容。上例中的 head 区块就是这么做的。

稍后会展示这些控制结构的具体用法，让你了解一下它们的工作原理。

3.2

　使用

Flask-Bootstrap

集成

Bootstrap

Bootstrap

是

Twitter

开发的一个开源

Web

框架，它提供的用户界面组件可用于创建整洁且

具有吸引力的网页，而且兼容所有现代的桌面和移动平台

Web

浏览器。

Bootstrap

是客户端框架，因此不会直接涉及服务器。服务器需要做的只是提供引用了

Bootstrap

层叠样式表（

CSS

，

cascading style sheet

）和

JavaScript

文件的

HTML

响应，并在

HTML

、

CSS

和

JavaScript

代码中实例化所需的用户界面元素。这些操作最理想的执行场 ...