前言 先说结论,目前Flutter还不能作为生成环境的桌面开发技术,这里仅作为尝鲜来学习。 比如在Windows上目前还不支持发布模式,仅支持调试模式,这意味着编出来的桌面程序,始终有一个黑框控制台,且不断的输出日志。 flutter目录 设置环境变量,添加 D:\Tools\flutter\bin 开启Windows支持 flutter config --enable-windows-desktop 目前正式版已经支持桌面端 channel #查看当前在哪个分支,检测是否切换成功 flutter upgrade #升级 flutter doctor #检测flutter环境,未安装的会报红提示 C++环境 Flutter打包桌面端程序需要有 目前直接将Flutter App打包为桌面端程序,仍然会存在一些可能的兼容性问题 另外go-flutter-desktop项目还不支持发布模式,仅支持调试模式,这意味着编出来的桌面程序,始终有一个黑框控制台
图中的「app文件夹」是我自己创建的,你也需要自己创建一个,里面放你项目文件。「app文件夹」中一般放一个index.html(页面展示),另外还需要创建一个package.json文件(参数配置):
https://tauri.app/zh-cn/v1/guides/getting-started/prerequisites/
点击链接 为 HTML 指定 Cache-Control 或 Expires 为 HTMl 内容设置 CaChe-Control 或 Expires 可以将 HTML 内容缓存起来,避免频繁向服务器端发送请求 2016 23:00:00 GMT" /> 合理设置 Etag 和 Last-Modified 合理设置 Etag 和 Last-Modified 使用浏览器缓存,对于未修改的文件,静态资源服务器会向浏览器端返回 来存储文件 如果条件允许,可以使用 CDN 网络加快同一个地理区域内重复静态资源文件的响应下载速度,缩短资源请求时间 使用 CDN Combo 下载传输内容 CDN Combo 是在 CDN 服务器端将多个文件请求打包成一个文件的形式来返回的技术 就可以按如下方式在一个请求中下载: <script src="//cdn.domain.com/path/a.js,b.js,c.js"></script> 使用可缓存的 AJAX 可以返回内容相同的请求,没必要每次都直接从服务器端拉取 使用 GET 来完成 AJAX 请求 使用 XMLHttpRequest 时,浏览器中的 POST 方法发送请求首先发送文件头,然后发送 HTTP 正文数据,而使用 GET 时只发送头部,所以在拉取服务端数据时使用
结合Electron框架,可以轻松地将React应用程序打包为桌面应用程序。以下是使用React和Electron开发桌面应用程序的步骤: 1. 总之,使用React和Electron一起开发桌面应用程序可以帮助你快速构建跨平台的应用程序,并提供许多强大的功能。通过使用React构建Web界面,你可以使用熟悉的工具和技术来构建应用程序。 如果你想构建一个桌面应用程序,React和Electron可能是一个不错的选择。
之前有朋友希望我基于H5-Dooring开发一款桌面端应用, 最近刚好有时间, 就花了小半天时间从零使用electron开发了桌面端的离线软件Dooring-electron.
0.15.0存储组件:get_storage^2.1.1下拉刷新:easy_refresh^3.4.0toast提示:toast^0.3.0网址预览组件:url_launcher^6.3.1项目框架结构flutter3 Alignment.bottomRight, colors: [ Color(0xFF0091EA), Color(0xFF07C160) ], ) ), ))flutter3 case 2: print('扫一扫'); break; case 3: print('收付款'); break; } },)flutter3 }); }, ),)基于uni-app+vue3实战短视频+聊天+直播app商城基于uniapp+deepseek+vue3跨平台ai流式对话electron35+deepseek桌面端 ai模板vue3.5+deepseek网页版ai流式对话flutter3.27+getx仿抖音app短视频商城Electron32桌面端os系统electron31+vue3客户端聊天Exe实例
super.key}); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'Flutter3 路由页面 getPages: routePages, // 初始化弹窗key navigatorKey: MyDialog.navigatorKey, ); }}flutter3 Getx抖音App直播短视频商城:https://cloud.tencent.com/developer/article/2493971flutter3+getx+bitsdojo_window仿微信客户端Exe 聊天:https://cloud.tencent.com/developer/article/2393406Electron32+vite5仿macos桌面端os系统:https://cloud.tencent.com /developer/article/2449406electron31+vue3仿微信桌面端聊天Exe实例:https://cloud.tencent.com/developer/article/2435159tauri2.0
——罗曼·罗兰 分享一个用html、css、javascript构建桌面端应用的另一个框架 https://tauri.app/ https://github.com/tauri-apps/tauri
在Resources和Data binding中,XAML 提供了这样一种语法,来为属性赋值:
其中基础部分已经讲解完毕,可以查看:C#入门教程(一)–.Net平台技术介绍、C#语言及开发工具 这算是学习电脑编程的第二部分,带领你一起开发电脑桌面应用程序。终于可以摆脱黑框控制台应用程序了。 认识Winform Winform 可以被称作窗体,主要用于制作桌面应用程序(平常使用的QQ就是桌面应用程序的范畴),里面包含大量丰富的控件供开发使用。
我在和小伙伴水触摸相关的坑,说到了上古的触摸,很难和小伙伴统一知识,于是就写了本文用于告诉大家,桌面端的触摸架构是如何一步步演进的 所有触摸架构都建立在系统之上,和系统版本相关。所以可以通过系统划分。 Windows Inking Service Platform 请看 WPF 触摸到事件 在 Win7 的这个触摸架构就是古代的触摸 很多开发者都会反馈在 Win7 开发的触摸失效问题,如 WPF 客户端开发需要知道的触摸失效问题 TranslateZoomRotateBehavior Pointer Input Messages and Notifications win10 支持默认把触摸提升 Pointer 消息 WPF 触摸到事件 WPF 客户端开发需要知道的触摸失效问题
此模式允许将给定的 ControlTemplate 属性绑定到应用 ControlTemplate 的控件的属性。为了更好地理解这里的问题,下面是一个示例
背景介绍 专项测试,桌面端应用程序使用过程中,对CPU,内存,磁盘使用率,网络流量进行监控并展现. this script') parser.add_argument("-name", type=str) args = parser.parse_args() name = args.name # 服务端ip
首先用一句话概括VMware容器整体解决方案:“The Docker Ecosystem You Love on the Hypervisor You Trust”,这个方案中的开发者桌面就是AppCatalyst 没错,目前来看,AC和这类的工具差不多,但AC的功能可不只是在Mac OS和Windows上支持容器那么简单,AC的未来是SDDC on Destkop,通过与相关产品集成,在开发者桌面上复制全套生产环境 love_life_and_IT) 软件定义存储与虚拟化 叶毓睿, VMware存储架构师 亨利笔记(henglibiji) 容器和云原生应用 张海宁,VMware研发中心首席架构师 最终用户计算(CHINAEUC) 桌面与应用虚拟化
与“桌面端”运行的区别 我们以一个真实案例来对比: 案例:一个“跨设备搜索”鸿蒙应用 功能描述 用户在手机上点击“搜索”,触发以下逻辑: 获取当前设备类型(手机/平板) 若为手机 → 向智慧屏广播消息 :“请展示搜索结果” 若为平板 → 自动分栏布局 在所有设备上弹出通知:“搜索中…” 该功能由 Web 页面 + JavaScript 实现,目标是 在鸿蒙系统中运行,同时希望在 Electron 桌面端预览 真机 / DevEco) Electron 桌面端(仿真器) 运行环境 HarmonyOS 内核 + ArkTS + WebKit Electron(Chromium + Node.js) API 来源 -001) 桌面端优势:可在一台 PC 上测试“手机→平板→手表”的完整链路! 场景 鸿蒙端 Electron 桌面端 UI 适配验证 ❌ 需真机测试 ✅ 支持多分辨率切换 业务逻辑联调 ⚠️ 依赖真机部署 ✅ 即时反馈,无需编译 分布式通信测试 ✅ 真实软总线 ✅ 模拟软总线(
于是乎,就想着把自己写的这个小项目打包成桌面端,方面每次打开电脑就能看。经过网上查阅,比较成熟的解决方案很多,比如electron,nw.js等等。 打包桌面端,跟前端框架无关,只是想夸一下vue在构建项目上的体验真的好,简单方便,会以yes or no的形式让你完成一个主流的前端框架(回想以前构建angular应用,还要打开help,看一大堆api electron-quick-start cd electron-quick-start cnpm install //这里我用的是cnpm,npm太慢了 npm start 项目跑起来之后,不出意外就出现了electron的桌面端页面 pathname: path.join(__dirname, 'index.html'), protocol: 'file:', slashes: true })) 这段代码就是配置桌面端应用的入口 总结 至此,vue打包桌面端就这样完成了。在此过程中,发现自己做东西还是有些武断,太想当然了,导致在一些弯路里绕了很久。以后还是要多看文档,稳扎稳打!
原创自研os栅格桌面布局引擎、分屏式滑动管理、自定义桌面壁纸、桌面小部件、可拖拽式悬浮球菜单等功能。 get_storage^2.1.1svg图片插件:flutter_svg^2.0.10+1图表组件:fl_chart^0.68.0国际化时间:intl^0.19.0FlutterOS项目在windows端效果依然 perfect~ 之前也有专门分享一款flutter3仿macOS桌面框架,感兴趣的可以去看看。 colorScheme: ColorScheme.fromSeed(seedColor: Colors.blue), useMaterial3: true, // 修复windows端字体粗细不一致 // 额外插槽 Container( child: widget.extra, ), ], ), ), );}flutter3
Flutter3项目入口配置/// 入口文件main.dartlibrary;import 'dart:io';import 'package:flutter/material.dart';import super.key}); @override Widget build(BuildContext context) { return GetMaterialApp( title: 'Flutter3 // 红包广告 Ads(), ], ), ), ], ), );}Electron32桌面端 os系统:https://cloud.tencent.com/developer/article/2449406electron31+vue3客户端聊天Exe实例:https://cloud.tencent.com /developer/article/2435159tauri2.0+vue3客户端admin后台系统:https://cloud.tencent.com/developer/article/2458392uniapp
flutter-deepseek项目支持代码高亮、本地会话存储、支持手机端/桌面端显示。支持markdown代码块高亮、代码块横向滚动、表格边框线、图片100%宽度渲染、图片预览、链接跳转。 context) { // 获取AppStore实例 final appStore = AppStore.to; return GetMaterialApp( title: 'Flutter3 null : const RouteSettings(name: '/login'); }}flutter3解析markdownimport 'package:flutter/material.dart uniapp+deepseek+vue3跨平台ai流式对话:https://cloud.tencent.com/developer/article/2518214electron35+deepseek桌面端 2508594flutter3.27+getx仿抖音app短视频+直播商城:https://cloud.tencent.com/developer/article/2493971 Electron32桌面端