Jinja 中最强大的部分就是模板继承。模板继承允许构建一个包含你站点共同元素的基本模板“骨架”,并定义子模板可以覆盖的块 。
示例说明
在 `app/templates/api` 目录下新建 `base.html` ,录入如下代码
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
{% block head %}
<title>{% block title %}{% endblock %}-Flask</title>
<style>
#main-color {color: #ff0000;}
</style>
{% endblock %}
</head>
<body>
<div id="content">{% block content %}{% endblock %}</div>
<div id="footer">
{% block footer %}
© Copyright 2020.
{% endblock %}
</div>
</body>
</html>
```
改造 `app/templates/api` 目录下的 `index.html` 文件,录入如下代码
```
{% extends "api/base.html" %}
{% block title %}首页{% endblock %}
{% block head %}
{{ super() }}
{% endblock %}
{% block content %}
<h1 id="main-color">Hello {{ data.name }} - {{ data.version }} !!!</h1>
{% endblock %}
```
测试
![template继承](https://img.kancloud.cn/ef/bd/efbd2d346e0959aa5708a21301d1d67a_539x204.png)
传送门:[jinja2模板更多使用说明文档](http://docs.jinkan.org/docs/jinja2/templates.html#template-inheritance)