Flask 同时渲染多个模板

在本文中，我们将介绍如何在Flask应用中同时渲染多个模板。Flask是一个轻量级的Python web框架，具有简单易用的特点，使得开发者可以快速构建Web应用。

阅读更多：Flask 教程

什么是模板渲染？

在Web开发中，使用模板引擎可以将动态数据与静态的HTML页面进行结合，生成最终的HTML代码，以便在浏览器中呈现。Flask内置了Jinja2模板引擎，开发者可以方便地使用Jinja2语法来定义和渲染模板。

使用Flask渲染单个模板

首先，让我们来看一下如何使用Flask渲染单个模板。在Flask中，我们可以使用render_template函数来渲染模板。该函数接受模板文件的名称作为参数，并将其渲染为最终的HTML页面。

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run()

上述代码中，我们定义了一个index视图函数，并使用render_template函数来渲染名为index.html的模板。在运行应用时，Flask会自动从模板文件夹中查找对应的模板文件，并将其渲染为HTML页面。

同时渲染多个模板

有时候，在一个页面中需要同时渲染多个模板，可以通过嵌套使用include标签来实现。include标签可以在一个模板中包含另一个模板的内容，并将其渲染为最终的HTML代码。

<!-- base.html -->
<!DOCTYPE html>
<html>
  <head>
    <title>Flask Multiple Templates</title>
  </head>
  <body>
    <header>
      <!-- include header.html -->
      {% include 'header.html' %}
    </header>

    <main>
      <!-- include content.html -->
      {% include 'content.html' %}
    </main>

    <footer>
      <!-- include footer.html -->
      {% include 'footer.html' %}
    </footer>
  </body>
</html>

上述代码中，我们定义了一个名为base.html的模板，它包含了3个include标签，分别引入了header.html、content.html和footer.html这三个模板。

在header.html、content.html和footer.html这三个模板中，可以分别定义各自的内容，例如导航栏、正文和页脚等。

在视图函数中，我们只需要渲染base.html模板，而不需要单独渲染header.html、content.html和footer.html这三个模板。Flask会自动将这三个模板包含在base.html中，并将它们一起渲染为最终的HTML页面。

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('base.html')

if __name__ == '__main__':
    app.run()

上述代码中，我们定义了一个index视图函数，并使用render_template函数来渲染名为base.html的模板。

当浏览器访问根路径时，Flask会通过index视图函数渲染base.html模板，从而同时渲染header.html、content.html和footer.html这三个模板。

这样，我们就实现了在Flask应用中同时渲染多个模板的效果。