一个网站中,大部分网页的模块是重复的,比如顶部的导航栏,底部的备案信息。如果在每个页面中都重复的去写这些代码,会让项目变得臃肿,提高后期维护成本。比较好的做法是,通过模板继承,把一些重复性的代码写在父模板中,子模板继承父模板后,再分别实现自己页面的代码。首先来看一个例子。
父模版(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_template
app = 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 %}