一个网站中,大部分网页的模块是重复的,比如顶部的导航栏,底部的备案信息。如果在每个页面中都重复的去写这些代码,会让项目变得臃肿,提高后期维护成本。比较好的做法是,通过模板继承,把一些重复性的代码写在父模板中,子模板继承父模板后,再分别实现自己页面的代码。首先来看一个例子。
父模版(base.html):
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>这是父模版</title>
</head>
<body>
这是父模版的文字
</body>
</html>
子模版用 extends 继承(child1.html):
{% extends 'base.html'%}
.py:
from flask import Flask, render_templateapp = Flask(__name__)@app.route('/child1')
def child1():return render_template('child1.html')if __name__ == '__main__':app.run()
对上面的代码引入 block 改进:
父模版(base.html):
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>{% block title %}{% endblock %}</title><!-- 对子模版需要重写的地方都定义成了block --><!-- 使用block也是要用endblock做结尾 -->
</head>
<body>
<ul><li><a href="#">首页</a></li><li><a href="#">新闻</a></li>
</ul>
{% block body %}{% endblock %}<footer>这是底部的标签</footer></body>
</html>
子模版(child1.html):
{% extends 'base.html'%}{% block title %}
我是子模版的标题
{% endblock %} <!-- 用法是整体替换掉父模版的这块内容 -->{% block body %}
我是子模版的body
{% endblock %}