如何在Python的Flet框架中实现无第三方依赖的动态路由？

要实现/:username这类动态路由，你需要修改路由匹配逻辑，通过正则表达式解析路由模板、提取动态参数，再传递给对应页面。以下是具体实现：

修改后的router.py #

import re
import flet as ft

from routes.login import LoginPage
from routes.register import RegisterPage
from routes.home import HomePage
from routes.user_profile import UserProfilePage

class Router:
    def __init__(self, page: ft.Page):
        self.page = page
        # 路由模板与页面实例的映射
        self.routes = {
            "/login": LoginPage(page),
            "/register": RegisterPage(page),
            "/": HomePage(page),
            "/:username": UserProfilePage(page)
        }
        self.body = ft.Container(
            content=self.routes["/login"]
        )

    def change_route(self, event: ft.RouteChangeEvent):
        current_route = event.route
        matched_page = None
        route_params = {}

        # 优先匹配静态路由
        if current_route in self.routes:
            matched_page = self.routes[current_route]
        else:
            # 匹配动态路由
            for template, page in self.routes.items():
                if ":" not in template:
                    continue
                # 将动态路由模板转换为正则表达式
                regex_pattern = re.sub(r':(\w+)', r'([^/]+)', template)
                regex_pattern = f'^{regex_pattern}$'
                match_result = re.match(regex_pattern, current_route)
                if match_result:
                    # 提取参数名和对应值
                    param_names = re.findall(r':(\w+)', template)
                    param_values = match_result.groups()
                    route_params = dict(zip(param_names, param_values))
                    matched_page = page
                    break

        if matched_page:
            self.body.content = matched_page
            # 将动态参数传递给页面的初始化方法
            matched_page.init_page(**route_params)
            self.page.update()
        else:
            # 路由未匹配时跳转到首页（可替换为404页面）
            self.page.go("/")

关键修改说明 #

1. 正则解析动态路由：

   • 将/:username这类模板转换为正则表达式^/([^/]+)$，匹配任意非斜杠字符作为用户名参数。
   • 通过re.findall提取模板中的参数名（如username），再用match.groups()获取路由中的实际值，组装成参数字典。

2. 页面参数接收：
   需修改UserProfilePage的init_page方法，使其接受动态参数：

   class UserProfilePage:
       def __init__(self, page: ft.Page):
           self.page = page
           # 初始化页面组件框架
   
       def init_page(self, username: str):
           # 根据用户名加载用户数据
           self.page.title = f"{username}的个人主页"
           # 更新页面内容（比如用户头像、简介等）
           self.page.update()
   

3. 路由匹配优先级：
   先检查静态路由的精确匹配，再尝试动态路由匹配，避免静态路由被动态路由覆盖。

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