Python Flask框架 -- 模版继承

宇宙核2024-03-22 20:58

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

父模版（base.html）：

html 复制代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是父模版</title>
</head>
<body>
这是父模版的文字
</body>
</html>

子模版用 extends 继承（child1.html）：

html 复制代码

{% extends 'base.html'%}

.py：

python 复制代码

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）：

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）：

html 复制代码

{% extends 'base.html'%}

{% block title %}
我是子模版的标题
{% endblock %}  <!-- 用法是整体替换掉父模版的这块内容 -->

{% block body %}
我是子模版的body
{% endblock %}