前言

本文是基于rust和tauri，由于tauri是前、后端结合的GUI框架，既可以直接生成包含前端代码的文件，也可以在已有的前端项目上集成tauri框架，将前端页面化为桌面GUI。

环境配置

1. 系统：windows 10
2. 平台：visual studio code
3. 语言：rust、javascript
4. 库：tauri2.0

概述

本文基于tauri框架，创建一个串口调试程序，可以实现端口扫描、数据读写。本文使用温湿度传感器来测试。

1、创建前端项目

如何将tauri集成到创建好的前端项目，本文不再赘述，可以参看之前的博文：
1、＜tauri＞＜rust＞＜GUI＞基于rust和tauri，在已有的前端框架上手动集成tauri示例

或者去参考tauri的官网说明：

本文的目的是基于tauri实现一个串口调试助手，我们先创建一个serialport.html：

<div class="serial"><div class="serialparam"><div class="selectitem"><button id="getportsbtn">获取...</button><select id="portsselect" class="portsselect"></select></div><div class="selectitem"><label>波特率</label><select id="bdselect" class="bdselect"><option value="4800">4800</option><option value="9600">9600</option><option value="19200">19200</option><option value="38400">38400</option><option value="57600">57600</option><option value="115200">115200</option></select></div><div class="selectitem"><label>数据位</label><select id="dbselect"><option value="Eight">8</option><option value="Seven">7</option><option value="Six">6</option><option value="Five">5</option></select></div><div class="selectitem"><label>校验位</label><select id="parityselect"><option value="None">none</option><option value="Even">even</option><option value="Odd">odd</option></select></div><div class="selectitem"><label>停止位</label><select