一.模块继承是为了相同的内容不用重复引用,可以将相同的部分写在父模板(基础模板)中,子模板去继承它。
main.py文件中
@admin_blue.route('/test')
def test():
return render_template('son.html' )
在基础模板中使用block关键字定义了三个区域。
注意:也需要闭合
base.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
{% block one %}
<div>这是第一块区域</div>
{% endblock %}
{% block two %}
<div>这是第二块区域</div>
{% endblock %}
{% block three %}
<div>这是第三块区域</div>
{% endblock %}
</body>
</html>
子模板继承时值需要有跟基础模板中不同的代码,可以将head.body标签全删掉。
extends表示继承某个文件,继承哪一块就用写在相同的区域名中。
{% extends 'base.html' %}
{% block two %}
<h1>我是子模板</h1>#son.html中原有的
{% endblock %}
浏览器运行结果
注意:子文件只是取代了第二个区域的内容,所以‘这是第二块区域’没被显示出来。如果要继承第二块区域的内容,需要使用super关键字。
代码
{% extends 'base.html' %}
{% block two %}
{{ super() }}
<h1>我是子模板</h1>
{% endblock %}
这样第二块区域的内容就被显示出来了。