【前端】flet:一款(即将)支持多语言开发的UI库

news2025/7/22 10:24:11

文章目录

  • 介绍
    • 开发生态
      • 支持语言
      • 运行体验
    • 组件
    • API
    • 热更新
  • 开发计划 Roadmap
    • 2022 7月-8月
      • 安全
      • 手机端
      • 桌面端
      • Controls(控件)
      • 核心功能
      • 用户指引(User education)
    • 2022 9月到12月
      • 手机端
      • 控件(Controls)
      • 编程语言支持
      • 核心功能

介绍

Flet enables developers to easily build realtime web, mobile and desktop apps in Python. No frontend experience required.

Flet是一款使用python语言, 帮助开发者构建实时应用(web应用、手机应用、桌面应用)的框架。就我目前的体验来看,该框架底层基于flutter,使用声明式UI,开发体验类似于dart写flutter-app。
启动速度方面, 作为桌面端运行时比较快;作为web运行就慢的一p,理论上至少要经历 python->dart->js的转译过程,自然快不起来。

开发生态

支持语言

目前只支持python开发,后续要支持以下语言 js| c#| go,但我觉得会延期的,毕竟今天都11月中旬了。
在这里插入图片描述

运行体验

  • 直接使用 python main.py运行,1秒级启动。
  • pyinstaller打包为多文件,启动需要4秒;打包为单文件,启动需要更久。
  • 打包时长随你的项目体积和引入库数量而增加,初始大概20s完事。
  • 手机端暂时只支持部署到服务端, 然后浏览器访问,慢的一p。
  • 界面效果类似于uwp应用, 比winform界面好看点。
    在这里插入图片描述

组件

flet组件的核心是 控件Controls, 界面由控件按层级或者树状结构组成。

  • 按钮
  • list
  • 容器(类似于一个空盒子)
    。。。。。。挺丰富的,其余在官网https://flet.dev/docs/controls

API

  • 本地储存能力
    clientStorage, sessionStorage ( 类比web就行 )
  • 文件选择器和拖拽上传
  • 数据加密(使用你自定义的key)

热更新

开发时使用 flet -r main.py. 则递归检查main.py同级的文件或文件夹内代码的改变,实时热更新视图。

开发计划 Roadmap

以下为翻译

2022 7月-8月

安全

  • 开放授权协议认证 (OAuth): GitHub, Google, Azure (Microsoft Account).

手机端

  • Flet 小组件 for Flutter
  • Flet Studio苹果应用 in App Store
  • Flet Studio安卓应用 in Google Play

桌面端

  • Windows and macOS “host” client with hot reload, so the app could be run as flet main.py
  • 似乎已经支持了hot-reload

Controls(控件)

  • ✅ Routing and navigation
  • 导航
    • 导航抽屉:NavigationDrawer
    • 导航栏:NavigationBar
  • 响应式布局(Responsive layout)

核心功能

  • PUbSUB:看着似乎是,使用url访问时,可使用此多人实时通信功能。
  • ✅ PubSub

用户指引(User education)

  • 基于python的样例app(Sample apps in Python):
    • Chat (聊天)

2022 9月到12月

手机端

  • White-labeled Flet mobile app
  • 将flet-app打包成单独的apk或者ipa包
  • 将flet嵌入原生app。

控件(Controls)

  • 表格:DataTable
  • 更多的图表(似乎已经有柱状图和折线图了):Charts
  • 自适应的控件,按照平台差异来决定如何展现:Adaptive controls (controls that change their look depending on platform)
  • ✅ Animations

编程语言支持

  • JavaScript/TypeScript
  • Go
  • C# (.NET)

核心功能

  • flet内嵌一个支持orm的数据库

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/7716.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【云原生 | Kubernetes 系列】--Gitops持续交付 CD Push Pipeline实现

1. Tekton Trigger基础 Tekton Triggers简介 - 监控特定的事件,并在满足条件时自动触发Tekton PipelineTekton Triggers 为用户提供了一种声明式API 它允许用户按需定义监视的事件,并将其与特定的Pipeline连接,从而实例化出PipelineRun还允许将事件中的某些属性值信息注入到P…

使用springboot每日推送早安问候语到用户微信

本文主要实现给不同的用户推动不同的问候模板 准备工作 申请微信公众平台的测试号 申请微信测试公众号 创建成功后,可以看到appid和appsecret,这个后面认证时需要 申请模板 可自行修改 今天是:{{now.DATA}} 不管那一天,每一天…

【科学文献计量】科学文献知识网络分析基础

科学文献知识网络分析基础 1 知识网络分析基础2 知识网络图构成2.1 简单网络图绘制2.2 完整网络图绘制3 知识网络图中的术语3.1 术语和统计量概念3.2 获取术语信息实例3.3 最大子群和网络图孤立点的识别3.4 网络图节点度信息的统计1 知识网络分析基础 从分析的角度来看,社会网…

安保公司的商业计划书

安保公司的商业计划书年轻人,来做保安吧,少走二十年弯路安保公司的商业计划书安保品牌公司的商业模式真正的路反潮流,不上大学去创业,其实反而是领先的。 工厂肯定不能创业的,因为打工的技能和创业的技能不同。 如果…

【附源码】计算机毕业设计JAVA茶园文化交流平台演示录像2020

【附源码】计算机毕业设计JAVA茶园文化交流平台演示录像2020 目运行 环境项配置: Jdk1.8 Tomcat8.5 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术&#xff1…

SpringBoot框架Mockito的使用

SpringBoot框架Mockito的使用 一、简介 mock测试就是在测试过程中,对于某些不容易构造或者不容易获取的对象,用一个虚拟的对象来创建以便测试的测试方法。 在具体的测试过程中,我们经常会碰到需要模拟数据或者接口的情况,因为环…

线性模型(穷举法实现)

参考视频:2.线性模型_哔哩哔哩_bilibili 参考视频中实现ywxywxywx 的代码,在加上偏置b后实现 ywxbywxbywxb 的线性模型 假设我们有这样一个线性模型:ywxbywxbywxb X和Y对应的数据如下 XY1.05.02.08.03.011.04.0? 预测值&#x…

开源知识付费APP代码分析

如今,传统的学校已经不能满足大众多元化的需求,各种教育培训机构落地生根。随着时间的推移,互联网与传统教育的结合也开拓了一种新的教育方式,这就是广为人知的知识付费。在线教育的突然崛起多半是因为疫情的“催化”,…

OceanBase 4.0 - 从分布式到单机,从单机到分布式

近些年国产化数据库如雨后春笋般冒出并遍地开花。据某技术平台不完全统计,国产化数据库(见图 )已达 200余个,对于这些数据库的名字,即使作为多年数据库从业者的我,也有很多是第一次听说。在这竞争激烈的数据…

FFplay文档解读-49-多媒体过滤器三

32.14 sendcmd, asendcmd 将命令发送到filtergraph中的过滤器。 这些过滤器读取要发送到filtergraph中其他过滤器的命令。 必须在两个视频滤镜之间插入sendcmd,必须在两个音频滤镜之间插入asendcmd,但除此之外,它们的行为方式相同。 可以…

[附源码]java毕业设计基于的高校学生考勤管理系统

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

vue中tinymce的使用

1.下载 npm i tinymce5.10.3 tinymce/tinymce-vue3.2.8 -S2.在node_modules中找到 (我这里是vue2,vue3不是写在public下,具体的可以搜搜 看看) 3.在public中新建 tinymce 文件夹 把三个文件复制进去 4.在components文件夹中新建…

Unity架构之详解域重新加载和场景重新加载

一、unity进入运行模式包括以下主要阶段 备份当前场景:这仅在场景被修改后发生。这样当退出运行模式时,Unity 将场景恢复为运行模式开始前的状态。Domain Reload:通过重新加载脚本域来重置脚本状态。Scene Reload:通过重新加载场…

h264编码算法流程

xh264编解码: 编码层:视频压缩解压缩等核心算法,VLC就是这一系列算法,得到的是编码后的比特序列,即VLC数据。 网络抽象层:将压缩后的原始码流拼接头信息用于解码时来识别,安排格式以方便后续的…

APT 注解处理器如何实现Lombok的常用注解功能?带你完整解析

1 背景 在开发中我们常常会用到类似 lombok 、mapstruct 或者 mybatisplus 的框架,只要加入几个注解即可生成对应的方法,既然被很多框架使用,了解其中的原理还是非常有必要的。 2 生成字节码原理 2.1 APT(Annotation Processing Tool )注解…

【论文笔记】用于几何匹配的卷积神经网络结构(CNN for Geometric Matching)

用于几何匹配的卷积神经网络结构(CNN for Geometric Matching) 文章目录AbstractCNNRelated WorkArchitecture for Geometric Matching特征提取:Matching Networkcorrelation-layer归一化:Regression NetworkGeometric TransformationsAffine Transforma…

正大杯市场调查与分析大赛|赛前准备 持续更新ing

目录 1.随机化实验 1.1背景 1.2操作 1.3作用 平衡协变量 克服选择偏差 1.4分类 完全随机化实验 分层随机化实验 配对随机化实验 1.5分层随机化 1.6缺陷 2.均值、中位数、分割点、游程数 ​3. 什么是系统抽样 4.F大于临界值说明什么 5.德宾—沃森(DW)统计量[Dur…

webpack5 CssMinimizerPlugin css压缩

CssMinimizerWebpackPlugin | webpack 中文文档webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转换(transform)、打包(bundle)或包…

动态修改el-input样式;动态修改elmentUI元素样式;css变量

场景:正常我们动态修改div元素的样式,使用:style和:class即可;但是我们想要动态修改element的组件样式时候,例如el-input字体颜色,由于el-input的样式嵌套很深,我们需要修改的实际是.el-input__inner这个样…

强强合作,替代钉盘/微盘,企业实现低成本扩容

后疫情时代,远程办公不断推动协同办公软件快速发展,协同办公软件活跃度保持增长,无疑不反应出企业对对此类办公产品的喜欢,并保持深度使用。 客户的需求和选择也不是一成不变的,完美日记曾经是企业微信的重点客户&…