<tauri><rust><GUI><PLC>基于tauri,编写一个串口调试助手

发布于:2025-02-25 ⋅ 阅读:(31) ⋅ 点赞:(0)
前言

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

环境配置
  1. 系统:windows 10
  2. 平台:visual studio code
  3. 语言:rust、javascript
  4. 库:tauri2.0
概述

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

1、创建前端项目

如何将tauri集成到创建好的前端项目,本文不再赘述,可以参看之前的博文:
1、<PLC><socket><汇川>汇川PLC使用socket与其他控制器(如上位机)通讯模板程序示例

或者去参考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 

网站公告

今日签到

点亮在社区的每一天
去签到