nicegui太香了，跨平台开发和跨平台运行--使用Python+nicegui实现系统布局界面的开发

# 首页显示
@ui.page("/")
def index_page() -> None:
    with theme.frame("Homepage"):
        home.content()

login.create_page()  # 登录页面

# 使用APIRouter路由处理，每个模块独立一个路由
# 参考文档： https://nicegui.io/documentation/page#modularize_with_apirouter
app.include_router(example.router)
app.include_router(customer.router)

#router.py

from nicegui import app, ui
import pages.example as example
import pages.home as home
import pages.customer as customer
import pages.login as login

# 使用APIRouter路由处理，每个模块独立一个路由
# 参考文档： https://nicegui.io/documentation/page#modularize_with_apirouter
def init_routes():
    """初始化系统的路由"""
    app.include_router(home.router)  # 首页显示
    app.include_router(login.router)  # 登录页面
    app.include_router(example.router)  # 示例页面
    app.include_router(customer.router)  # 客户页面

    # ............其他页面

from nicegui import app, ui, language
import router as router
from auth_middleware import AuthMiddleware

router.init_routes()  # 初始化路由
app.add_middleware(AuthMiddleware)  # 自定义中间件,处理登录验证
app.add_static_files("/public", "public")  # 添加静态文件目录

# 启动运行，并设置全局语言配置为中文
ui.run(
    title="企业信息化平台-广州爱奇迪软件科技有限公司",
    language="zh-CN",
    storage_secret="THIS_NEEDS_TO_BE_CHANGED",
)

        # 表格
        table = ui.table(
            columns=columns,
            rows=rows,
            title="客户列表",
            pagination=10,
            row_key="name",
            selection="single",
            on_pagination_change=lambda e: ui.notify(e.value),
        )

table.add_slot(
    "body",
    r"""
    <q-tr :props="props">
        <q-td auto-width>
            <q-btn size="sm" color="accent" round dense
                @click="props.expand = !props.expand"
                :icon="props.expand ? 'remove' : 'add'" />
        </q-td>
        <q-td v-for="col in props.cols" :key="col.name" :props="props">
            {{ col.value }}
        </q-td>
    </q-tr>
    <q-tr v-show="props.expand" :props="props">
        <q-td colspan="100%">
            <div class="text-left" >
                <div class="text-primary line-clamp-1 text-base tracking-wide" v-for="col in props.cols" :key="col.name">{{col.label}}:  {{col.value}}</div>
            </div>
        </q-td>
    </q-tr>
""",
)

from nicegui_tabulator import tabulator, use_theme
from nicegui import ui
# use the theme for all clients
# use_theme("bootstrap4")

tabledata = [
    {"id": 1, "name": "Oli Bob", "age": "12", "col": "red", "dob": ""},
    {"id": 2, "name": "Mary May", "age": "1", "col": "blue", "dob": "14/05/1982"}
   ]
table_config = {
    "height": 205,
    "layout": "fitDataFill",
    "pagination": "local",
    "paginationSize": 10,
    "movableColumns": True,
    "resizableRows": True,
    "data": tabledata,
    "columns": [
        {"title": "Name", "field": "name", "width": 150, "headerFilter": "input"},
        {"title": "Age", "field": "age", "hozAlign": "left", "formatter": "progress"},
        {"title": "Favourite Color", "field": "col"},
        {
            "title": "Date Of Birth",
            "field": "dob",
            "sorter": "date",
            "hozAlign": "center",
        },
    ],
}

table = tabulator(table_config).on_event("rowClick", lambda e: ui.notify(e))