14、模板的继承

定义模板文件 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

posted @ 2022-06-01 21:15  tiansz  阅读(22)  评论(0编辑  收藏  举报