定义模板文件 base.html
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>{% block title %}这是基模板中的网页标题{% endblock %}</title>
</head>
<body>
{% block body %}这是基模板中的内容{% endblock %}
</body>
</html>
定义主页模板 index.html
{# 继承自 base.html 模板 #}
{% extends "base.html" %}
{# 修改基模板中的网页标题 #}
{% block title %}网站首页{% endblock %}
{% block body %}
{{ super() }} {# 继承内容 #}
{# 添加内容 #}
<h4>这是网站首页的内容!</h4>
{% endblock %}
定义产品页模板 product.html
{# 继承模板 #}
{% extends "base.html" %}
{% block title %}产品列表页{% endblock %}
{% block body %}
<h4>这是产品列表页的内容!</h4>
{# self.title() 表示取得本页面的网页标题 #}
<h4> 取得网页标题的内容:{{ self.title() }}</h4>
{% endblock %}
定义主程序
from flask import Flask,render_template
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/product')
def product():
return render_template('product.html')
if __name__ == '__main__':
app.run(debug=True)
参考资料
https://weread.qq.com/web/reader/0a932660718ac6bc0a9702e