跳转到主要内容

Flet for Pyodide - 使用Flutter UI在Python中构建独立的SPA。

项目描述

Flet for Pyodide - 使用Flutter UI在Python中构建独立的单页应用程序 (SPA)

Flet 是一个丰富的用户界面 (UI) 框架,可以快速在Python中构建交互式Web、桌面和移动应用程序,无需了解Web技术,如HTTP、HTML、CSS或JavaScript。您可以使用基于 Flutter 小部件的 控件 来构建UI,以确保您的程序看起来既酷又专业。

要求

  • Windows、Linux或macOS上Python 3.7或更高版本

安装

pip install flet

创建应用

创建以下内容的 main.py 文件

import flet as ft

def main(page: ft.Page):
    page.title = "Flet counter example"
    page.vertical_alignment = ft.MainAxisAlignment.CENTER

    txt_number = ft.TextField(value="0", text_align=ft.TextAlign.RIGHT, width=100)

    def minus_click(e):
        txt_number.value = str(int(txt_number.value) - 1)
        page.update()

    def plus_click(e):
        txt_number.value = str(int(txt_number.value) + 1)
        page.update()

    page.add(
        ft.Row(
            [
                ft.IconButton(ft.icons.REMOVE, on_click=minus_click),
                txt_number,
                ft.IconButton(ft.icons.ADD, on_click=plus_click),
            ],
            alignment=ft.MainAxisAlignment.CENTER,
        )
    )

ft.app(main)

运行应用

flet run --web main.py

Sample app in a browser

将应用发布为静态网站

flet publish main.py

静态网站发布到 ./dist 目录。

测试网站

python -m http.server --directory dist

在浏览器中打开 http://localhost:8000 以检查已发布的网站。

部署网站

将静态网站部署到任何免费托管服务,如GitHub Pages、Cloudflare Pages或Vercel!

了解更多信息

访问 Flet网站

继续使用 Python指南 学习如何创建真正的应用程序。

浏览更多 Flet示例

加入Flet Discord服务器中的讨论 Flet Discord服务器

项目详情


版本历史 发布通知 | RSS源

下载文件

下载适用于您平台的文件。如果您不确定选择哪个,请了解更多关于安装包的信息。

源分发

flet_pyodide-0.24.1.tar.gz (4.0 kB 查看哈希值)

上传时间

构建分发

flet_pyodide-0.24.1-py3-none-any.whl (5.3 kB 查看哈希值)

上传时间 Python 3

由以下提供支持