如何在Flask的Jinja2模板中动态继承实现不同导航栏渲染

Jinja2 不支持在单模板中直接写多个 {% extends %} 语句，你可以通过以下三种常用方案实现需求，同时保留对base.html的继承。

方案1：base预留导航块 + 子模板按需引入（最灵活） #

先在你的base.html中新增导航栏专属的块占位：

<!-- base.html 核心结构示例 -->
<!DOCTYPE html>
<html>
<head>
    <title>{% block title %}{% endblock %}</title>
    <!-- 你的公共css、js引入 -->
</head>
<body>
    <!-- 新增导航块，默认可留空或放全局默认导航 -->
    {% block nav %}{% endblock %}

    <!-- 原有内容块 -->
    {% block content %}{% endblock %}
</body>
</html>

之后在需要对应导航的页面，在nav块中引入对应导航模板即可，比如仪表盘页面修改为：

{% extends "base.html" %}

{% block title %} Dashboard {% endblock %}

<!-- 填充导航块，引入用户专属导航 -->
{% block nav %}
    {% include "user-nav-bar.html" %}
{% endblock %}

{% block content %}
<!-- 你的仪表盘业务内容 -->
{% endblock %}

如果是面向未登录用户的页面，替换引入内容为{% include "basic-nav-bar.html" %}即可。

方案2：嵌套继承（适合同导航复用率高的场景） #

如果大量页面都会复用同一套导航，可以让两个导航模板先继承base.html，再让业务页面继承对应导航模板，减少重复代码：

1. 先改造user-nav-bar.html：

{% extends "base.html" %}

<!-- 直接在导航模板中填充导航块 -->
{% block nav %}
<!-- 原有用户导航栏的所有代码，比如： -->
<nav>
    <span>欢迎回来，{{ username }}</span>
    <a href="/dashboard">仪表盘</a>
    <a href="/settings">设置</a>
    <a href="/logout">退出登录</a>
</nav>
{% endblock %}

2. 同理改造basic-nav-bar.html填充基础导航内容。
3. 之后仪表盘页面直接继承导航模板即可，自动保留base.html的所有公共结构：

{% extends "user-nav-bar.html" %}

{% block title %} Dashboard {% endblock %}

{% block content %}
<!-- 你的仪表盘业务内容 -->
{% endblock %}

方案3：动态切换导航（适合需要根据登录状态自动切换的场景） #

如果需要根据后端逻辑自动切换导航，可以将导航模板名作为参数传入模板，实现动态引入：

• 后端视图传参示例：

@app.route('/dashboard')
def dashboard():
    # 这里可以根据实际登录状态判断传入的导航模板
    if current_user.is_authenticated:
        nav_tpl = "user-nav-bar.html"
    else:
        nav_tpl = "basic-nav-bar.html"
    return render_template('dashboard.html', nav_template=nav_tpl)

• 页面中动态引入：

{% extends "base.html" %}

{% block title %} Dashboard {% endblock %}

{% block nav %}
    {% include nav_template %}
{% endblock %}

{% block content %}
<!-- 业务内容 -->
{% endblock %}

内容的提问来源于stack exchange，提问作者tc185