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
将应用发布为静态网站
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服务器。
项目详情
关闭
flet_pyodide-0.24.1.tar.gz的哈希值
算法 | 哈希摘要 | |
---|---|---|
SHA256 | 4b4dd8f7234e48d72be703dadbf8ce6d98a6367f5b2e53f64513a3e3f6906068 |
|
MD5 | c6f4f00459a7526fe6cdcdfc5e162c31 |
|
BLAKE2b-256 | 9170aff3dc6dd887b467de87d5855155e6e1623647d3239aeead40f7c2026818 |
关闭
flet_pyodide-0.24.1-py3-none-any.whl的哈希值
算法 | 哈希摘要 | |
---|---|---|
SHA256 | 447528b466193e83b00ad0ec7d883be7cfb24559b2e885b6e6cac8eb83d4b6b5 |
|
MD5 | 307c99a220df56fb5bf350b0c71e6c83 |
|
BLAKE2b-256 | bf539d141d877ff01c81edc8f0abe45fc501b7da59b59dcfb9809186ce8084e4 |