🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
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 %} &copy; 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)