如何在切换customtkinter框架前更新Dashboard与Sidebar内容？

问题描述 #

基于CustomTkinter开发的多框架应用，登录验证后可切换至Dashboard和Sidebar框架，但切换登录账号时，这两个框架无法根据新的API_KEY更新课程信息，导致显示的还是旧账号的内容。

解决方案 #

核心思路是给需要动态更新的框架添加数据更新方法，在切换框架前触发更新逻辑，确保组件内容与当前API_KEY同步。

1. 重构Sidebar类，添加课程更新方法 #

将Sidebar中创建课程按钮的逻辑抽离为独立方法，支持清空旧组件并重新加载新数据：

class Sidebar(customtkinter.CTkFrame):
    def __init__(self, parent, controller):
        customtkinter.CTkFrame.__init__(self, parent, fg_color="black", bg_color="red", width=300, border_color="orange", border_width=10, height=height)
        self.controller = controller
        self.course_buttons = []  # 存储所有课程按钮，方便后续批量删除

    def update_courses(self):
        # 清除旧的课程按钮
        for btn in self.course_buttons:
            btn.destroy()
        self.course_buttons.clear()

        # 根据当前API_KEY拉取新课程并创建按钮
        courses = api.pull_courses(self.controller.API_KEY)
        for index, course in enumerate(courses):
            course_btn = customtkinter.CTkButton(
                self, 
                text=course,
                command=lambda idx=index: self.controller.show_frame(f'ClassPage{idx}')
            )
            course_btn.place(
                relx=0.5, 
                rely=((index + 1) * (0.6/9)) + 0.2, 
                anchor=customtkinter.CENTER
            )
            self.course_buttons.append(course_btn)

2. 给Dashboard添加内容更新方法（按需调整） #

如果Dashboard也依赖API_KEY显示动态内容，同样添加更新方法：

class Dashboard(customtkinter.CTkFrame):
    def __init__(self, parent, controller):
        customtkinter.CTkFrame.__init__(self, parent, width=width, height=height)
        self.controller = controller
        # 初始化Dashboard基础组件（如标题、统计框等）

    def update_content(self):
        # 清空旧内容（可选，根据组件结构调整）
        for widget in self.winfo_children():
            widget.destroy()
        
        # 这里添加基于新API_KEY的内容加载逻辑
        # 示例：创建新的用户信息标签、课程统计组件等
        user_label = customtkinter.CTkLabel(self, text=f"当前用户API_KEY: {self.controller.API_KEY}")
        user_label.place(relx=0.5, rely=0.1, anchor=customtkinter.CENTER)

3. 修改show_frame方法，触发前置更新 #

在控制器的show_frame方法中，加入检查逻辑，显示框架前先调用对应更新方法：

def show_frame(self, page_name):
    '''Show a frame for the given page name'''
    frame = self.frames[page_name]
    
    # 根据框架名称触发对应更新
    if page_name == 'Sidebar' and hasattr(frame, 'update_courses'):
        frame.update_courses()
    elif page_name == 'Dashboard' and hasattr(frame, 'update_content'):
        frame.update_content()
    
    frame.tkraise()

4. 登录逻辑无需额外修改（可选显式触发） #

修改后的show_frame会自动在显示框架前执行更新，因此原登录逻辑可以保持不变。如果需要更明确的触发时机，也可以在登录验证后显式调用更新：

def check_login(self, username):
    hash_username = hashlib.sha256(bytes(username, encoding='ascii')).hexdigest()
    if hash_username in people.people.keys():
        self.controller.API_KEY = people.people[hash_username]
        # 显式更新组件（可选，show_frame会自动触发）
        self.controller.frames['Sidebar'].update_courses()
        self.controller.frames['Dashboard'].update_content()
        self.controller.show_frame('Dashboard')
        self.controller.show_frame('Sidebar')

效果验证 #

切换不同账号登录时，Sidebar会先清空旧课程按钮，根据新API_KEY拉取对应课程并重新创建按钮；Dashboard也会同步更新内容，确保显示与当前账号匹配的信息。

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