网站首页 > 技术文章 正文
Flet 是一个框架,允许使用 Python 构建网页、桌面和移动应用程序,而无需具备前端开发经验。
下面使用vscode,编写第一个flet程序吧。
第一步,安装flet框架
pip install flet第二步,在vscode中新建文档 demo1.py,并敲入以下代码
import flet as ft
def main(page: ft.Page):
page.title = "Flet 计数器示例"
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)第三步,运行程序
要运行该应用程序,按vscode的F5健即可啦。该程序实现了计数器功能,效果见图,代码解读给我留言。
这段代码,通过不同的编译,就可以编译为在Windows,Linux,iOS,Android等平台运营的程序了,编译后面再分享。
猜你喜欢
- 2025-03-18 用 Tauri 写一个 micro-vscode(tauri官网中文)
- 2025-03-18 深入讲解VsCode各场景高级调试与使用技巧
- 2025-03-18 这期说一下前端新人刚入职一般要做的事情,因为很多人问我...
- 2025-03-18 Typescript 开发工具 Vscode 自动 编译.
- 2025-03-18 niuhe - IDL 生成代码,前端协议, 页面和文档插件
- 2025-03-18 WTF? VSCode 上竟然也能画流程图了?
- 2025-03-18 10个最常用的 VSCode 快捷键,提升你的编码速度
- 2025-03-18 我为什么从WebStorm换到了VSCode?
- 2025-03-18 开发工具:收集VSCode前端常用的插件
欢迎 你 发表评论:
- 最近发表
-
- 哪里有好看实用的ppt模板下?优质ppt模板下载渠道
- 开发者必备:10款最佳JavaScript模板引擎
- 中文网址导航模版HaoWa1.3.1/模版网站wordpress导航主题
- 哪里有免费下载的简历模板?_哪里有免费简历可以下载
- 6 款超棒的响应式网站设计模板推荐
- 简约时尚作品博客商店网站HTML5模板源码
- 界面控件DevExpress WinForms v21.2:Data Grid - 全新的HTML模板
- 《nginx 实战:前端项目一键部署指南》
- QT软件开发真的适合做高端网站吗?用户体验设计公司的实战
- 【GitHub每日速递】前端组件库shadcn/ui与AI研究神器SurfSense
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- oracle面试 (55)
- 前端调试 (52)

本文暂时没有评论,来添加一个吧(●'◡'●)