前言
本文是基于rust和tauri,由于tauri是前、后端结合的GUI框架,既可以直接生成包含前端代码的文件,也可以在已有的前端项目上集成tauri框架,将前端页面化为桌面GUI。
环境配置
- 系统:windows 10
- 平台:visual studio code
- 语言:rust、javascript
- 库:tauri2.0
概述
本文主要说明,在tauri中如何实现多窗口以及窗口间如何实现数据传递。
1、创建前端项目
可以参考我之前的博文,本文不再赘述:
1、<tauri><rust><GUI>基于rust和tauri,在已有的前端框架上手动集成tauri示例
我们创建新的页面代码,因为我们要实现多窗口,本例以两个窗口来举例,那么我们将创建两个页面,首先是主页面:
<div id="tauriappdiv" class="tauriappdiv"><div id="zone1div"><label for="windownameinput">窗口标签(唯一):</label><input id="windownameinput" type="text" placeholder="请输入窗口名称"><button id="newwindowbtn">新建窗口</button></div><div id="zone2div"><div id="zone2div0"><div><label for="windowlabelinput">窗口标签:</label><input id="windowlabelinput" type="text" placeholder="请输入窗口标签"> </div><div><label for="sendmsginput">消息:</label><input id="sendmsginput" type