如何阻止GUI窗口重复打开？解决代码运行后窗口重启问题

问题原因 #

Dash的debug=True模式默认启用自动重载功能，当检测到代码文件变化时会重启应用。你在脚本全局作用域直接调用了fsg.FSG_Window()，每次应用重载时整个脚本都会重新执行，导致GUI窗口被重复打开。

解决方案 #

方案1：调整代码执行逻辑，避免重载时重复调用GUI #

将GUI调用和数据加载逻辑放到if __name__ == "__main__":块内，通过全局变量标记是否已完成文件选择，确保仅首次运行时打开GUI：

import dash
from dash import dcc, html
import plotly.express as px
import pandas as pd
import File_Select_GUI as fsg

# 全局变量存储已选择的文件路径
selected_file = None
df = None

# Dashboard基础配置
app = dash.Dash(__name__)
app.layout = html.Div(children=[
    html.Div([
        html.H1('Defenders'),
        dcc.Graph(id="Defenders")
    ])
])

if __name__ == "__main__":
    # 仅首次运行时打开GUI选择文件
    if not selected_file:
        fsg.FSG_Window()
        selected_file = fsg.selection
        df = pd.read_csv(selected_file)
        
        # 生成图表并更新布局（根据实际数据结构调整筛选逻辑）
        defend_df = df[df['Position'] == 'Defender']
        defend_fig = px.bar(defend_df, x='Player', y='Touches', color='Player')
        app.layout = html.Div(children=[
            html.Div([
                html.H1('Defenders'),
                dcc.Graph(id="Defenders", figure=defend_fig)
            ])
        ])
    
    # 启动Dash应用
    app.run_server(debug=True)

方案2：改用Dash内置组件替代外部GUI（推荐） #

直接使用Dash提供的dcc.Upload组件实现文件选择功能，彻底避免外部GUI与Dash重载机制的冲突，同时保持应用的统一性：

import dash
from dash import dcc, html, Input, Output, State
import plotly.express as px
import pandas as pd
import io

app = dash.Dash(__name__)

# 构建带文件上传功能的布局
app.layout = html.Div(children=[
    html.H1('Defenders Dashboard'),
    # 文件上传组件
    dcc.Upload(
        id='upload-data',
        children=html.Div(['拖拽文件到这里，或 ', html.A('选择CSV文件')]),
        style={
            'width': '100%',
            'height': '60px',
            'lineHeight': '60px',
            'borderWidth': '1px',
            'borderStyle': 'dashed',
            'borderRadius': '5px',
            'textAlign': 'center',
            'margin': '10px 0'
        },
        multiple=False
    ),
    # 文件上传状态提示
    html.Div(id='upload-status'),
    # 图表区域
    dcc.Graph(id="Defenders")
])

# 解析上传的CSV文件
def parse_csv(contents):
    content_type, content_string = contents.split(',')
    decoded = io.StringIO(content_string.encode('utf-8').decode('base64'))
    return pd.read_csv(decoded)

# 回调函数：上传文件后更新图表
@app.callback(
    Output('upload-status', 'children'),
    Output('Defenders', 'figure'),
    Input('upload-data', 'contents'),
    State('upload-data', 'filename')
)
def update_dashboard(contents, filename):
    if contents is not None:
        try:
            df = parse_csv(contents)
            # 根据实际数据结构筛选后卫数据
            defend_df = df[df['Position'] == 'Defender']
            fig = px.bar(defend_df, x='Player', y='Touches', color='Player')
            return html.H5(f'已成功加载文件: {filename}'), fig
        except Exception as e:
            return html.Div(f'文件解析失败: {str(e)}'), {}
    return html.Div('请上传CSV格式的数据文件'), {}

if __name__ == "__main__":
    app.run_server(debug=True)

关键说明 #

• 方案1适合暂时保留外部GUI的场景，但需注意全局变量的状态管理；
• 方案2更符合Dash应用的设计逻辑，无需依赖外部GUI组件，同时支持动态更新图表，开发和使用体验更流畅。

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