Plotty Dash からマルチページ テンプレート アプリを開発しようとしています。ログインに成功したときにリダイレクトを実装しようとしています。プロジェクトの構造は次のとおりです。
multipage
├── app.py
├── apps
│ ├── app1.py
│ ├── app2.py
│ ├── app3.py
├── index.py
└── static
└── base.css
私が持っているコードは次のとおりです。
index.py (出発点)
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html
from app import app, server
from apps import app1, app2, app3
app.layout = html.Div([
dcc.Location(id='url', refresh=False),
html.Div(id='page-content')
])
@app.callback(Output('page-content', 'children'),
[Input('url', 'pathname')])
def display_page(pathname):
if pathname == '/':
return app3.layout
else:
return '404'
if __name__ == '__main__':
server.run(debug=True)
ここで、ユーザー/
がログイン ページ (app3.py) を表示すると、レンダリングされます。
app.py
import dash
import os
import flask
app = dash.Dash()
server = app.server
app.config.supress_callback_exceptions = True
external_css = [
'https://codepen.io/chriddyp/pen/bWLwgP.css',
'/static/base.css'
]
for css in external_css:
app.css.append_css({"external_url": css})
@app.server.route('/static/<path:path>')
def static_file(path):
static_folder = os.path.join(os.getcwd(), 'static')
return flask.send_from_directory(static_folder, path)
app2.py (ログインコード)
import flask
from dash.dependencies import Input, Output, State, Event
import dash_html_components as html
import dash_core_components as dcc
from apps import app1
from app import app
layout = html.Div(children=[
# content
html.Div(id='login',children=[
html.H3("Please log in", hidden=False, id="page_header"),
# login form
html.Form(children=[
html.P(children=["Username: ", dcc.Input(type='text', id='username', placeholder='username')]),
html.P(children=["Password: ", dcc.Input(type='password', id='password', placeholder='password')]),
html.Button(children=['Login'], type='submit', id='login_button')
], style={'width': '30%', 'margin': '0 auto'}, id="login_form", hidden=False)
], style={'display': 'block', 'text-align': 'center', 'padding': 2}),
html.Br(),
html.Hr(style={'width': '30%'}),
])
@app.callback(Output('login', 'children'),
events=[Event('login_button', 'click')],
state=[State('username', 'value'), State('password', 'value')])
def login(username, password):
if username:
print("login")
return flask.redirect('/home')
else:
print("No Luck")
functionlogin(username, password)
では、ユーザーが有効な場合、アプリは にリダイレクトし/home
、app1.py
そこに をレンダリングする必要があります。
ユーザーの操作でさまざまなページに移動できました。プログラムからリダイレクトできるダッシュの方法はありますか。私は本当にダッシュするのが初めてです。同じことで私を助けてください。