当前位置: 首页 > news >正文

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

前言

本文是基于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 

http://www.mrgr.cn/news/92530.html

相关文章:

  • thinkphp下的Job队列处理
  • Windows版FFmpeg使用及B站视频下载示例python源码
  • 最新版 (持续更新)docker 加速源 linux yum 源
  • 001 Kafka入门及安装
  • 弱监督语义分割学习计划(1)-简单实现Open Vocabulary Label但是效果不好
  • Vue 3 搭建前端模板并集成 Ant Design Vue(2025)
  • 编写Redis开机自启动脚本
  • Imagination GPU 3D Graphics Wrokload
  • 蓝桥杯第十六届嵌入式模拟编程题解析
  • lattice hdl实现spi接口
  • Flask笔记
  • lowagie(itext)老版本手绘PDF,包含页码、水印、图片、复选框、复杂行列合并、行高设置等。
  • kubernetes 初学命令
  • Docker 部署 MinIO 对象存储服务
  • 【Qt】为程序增加闪退crash报告日志
  • 27.[前端开发-JavaScript基础]Day04-函数基本使用-递归-变量作用域-函数式编程
  • 24.[前端开发-JavaScript基础]Day01-插件配置-变量-数据
  • SpringBoot项目注入 traceId 来追踪整个请求的日志链路
  • RAG 阿里云
  • 数据开发的简历及面试