我正在尝试将 Flask 与 Dash 集成并包含一个全局导航栏

问题描述 投票:0回答:0

我创建了一个 base.html 文件和一个 navbar.html 文件,我想将其设置为所有页面的全局导航栏。它适用于所有 .html 文件,但是当我创建集成到 Flask 应用程序中的 dash python 文件时,我不知道如何将导航栏包含到这些页面中。

这是主文件的代码:

app = Flask(__name__)
app.register_blueprint(navbar_bp)

Bootstrap(app)

create_dash_application1(app)
create_dash_application2(app)
test_dash(app)

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

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

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

这是base.html文件的代码:

{%extends "bootstrap/base.html"%}
{%block title%}Home{%endblock%}

{% block navbar %}
    {% include 'navbar.html' %} 
{% endblock %}


{% block content %}
<div class="container theme-showcase" role="main" style="margin-top: 75px">
    <!-- Main jumbotron for a primary marketing message or call to action -->
    <div class="jumbotron">
        <h1>Hello Kirkoswald!</h1>
    </div>
</div>
{% endblock %}

我什么都试过了。只是想在所有页面上都有导航栏:主页以及所有仪表板页面。

python html flask navbar plotly-dash
© www.soinside.com 2019 - 2024. All rights reserved.