模版继承

Flask中的模板可以继承，通过继承可以把模板中许多重复出现的元素抽取出来，放在父模板中，并且父模板通过定义block给子模板开一个口，子模板根据需要，再实现这个block，假设现在有一个base.html这个父模板，代码如下：

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     {% block head %}
  5.     <link rel="stylesheet" href="style.css" />
  6.     <title>{% block title %}{% endblock %} - My Webpage</title>
  7.     {% endblock %}
  8. </head>
  9. <body>
  10.     <div id="content">{% block content %}{% endblock %}</div>
  11.     <div id="footer">
  12.         {% block footer %}
  13.         &copy; Copyright 2008 by <a href="http://domain.invalid/">you</a>.
  14.         {% endblock %}
  15.     </div>
  16. </body>
  17. </html>

以上父模板中，抽取了所有模板都需要用到的元素html、body等，并且对于一些所有模板都要用到的样式文件style.css也进行了抽取，同时对于一些子模板需要重写的地方，比如title、head、content都定义成了block，然后子模板可以根据自己的需要，再具体的实现。以下再来看子模板的代码：

  1. {% extends "base.html" %}
  2. {% block title %}Index{% endblock %}
  3. {% block head %}
  4.     {{ super() }}
  5.     <style type="text/css">
  6.         .important { color: #336699; }
  7.     </style>
  8. {% endblock %}
  9. {% block content %}
  10.     <h1>Index</h1>
  11.     <p class="important">
  12.       Welcome to my awesome homepage.
  13.     </p>
  14. {% endblock %}

首先第一行就定义了子模板继承的父模板，并且可以看到子模板实现了title这个block，并填充了自己的内容，再看head这个block，里面调用了super()这个函数，这个函数的目的是执行父模板中的代码，把父模板中的内容添加到子模板中，如果没有这一句，则父模板中处在head这个block中的代码将会被子模板中的代码给覆盖掉。
另外，模板中不能出现重名的block，如果一个地方需要用到另外一个block中的内容，可以使用self.blockname的方式进行引用，比如以下示例：

  1. <title>{% block title %}{% endblock %}</title>
  2. <h1>{{ self.title() }}</h1>
  3. {% block body %}{% endblock %}

以上示例中h1标签重用了title这个block中的内容，子模板实现了title这个block，h1标签也能拥有这个值。
另外，在子模板中，所有的文本标签和代码都要添加到从父模板中继承的block中。否则，这些文本和标签将不会被渲染。