引用外部 html 代码片段

Question

我使用的是 Flask 1.1.2。一切正常。

这是我的基础layout.html

layout.html

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="../static/css/main.css">
  </head>
  <body>
    <div class="container-fluid">
      <div class="row">
        <div class="col-md-12">    

            <!-- a great big chunk of bootstrap html for the nav bar>

        </div>
      </div>
        <div class="row">
        <div class="col-md-12">
          {% block body %} 
          {% endblock %}
        </div>
      </div>
    </div>
  </body>
</html>

我有一堆html个文件要填写正文模板：

body1.html

{% extends 'layout.html' %} 
{% block body %} 
<div>
<!-- a bunch of stuff>
</div>
{% endblock %}

在我的 app.py 我有这样的东西：

app.py

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

一切正常。

如何将 <!-- a great big chunk of bootstrap html for the nav bar> 移动到外部文件中？这个导航代码永远不会改变，我只想在外部引用它以简化我的 layout.html

因为我在 flask 中的路由引用了应用于 layout.html 的“正文”文件。如何使 layout.html 始终从外部文件获取导航代码？

Answer 1

您可以使用 {% include 'external.html' %}。参见 https://jinja.palletsprojects.com/en/2.11.x/templates/#include

引用外部 html 代码片段

Referring to an external html code fragment

python

jinja2

flask

layout.html

body1.html

app.py