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 importapp, uiimportpages.example as exampleimportpages.home as homeimportpages.customer as customerimportpages.login as login#使用APIRouter路由处理，每个模块独立一个路由#参考文档： https://nicegui.io/documentation/page#modularize_with_apirouter
definit_routes():"""初始化系统的路由"""app.include_router(home.router)#首页显示
    app.include_router(login.router)  #登录页面
    app.include_router(example.router)  #示例页面
    app.include_router(customer.router)  #客户页面

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

from nicegui importapp, ui, languageimportrouter as routerfrom auth_middleware importAuthMiddleware



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=lambdae: 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 importtabulator, use_themefrom nicegui importui#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))