欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 汽车 > 维修 > <tauri><rust><GUI>基于rust和tauri,实现一个大寰电爪PGHL(串口设备)定制化控制程序

<tauri><rust><GUI>基于rust和tauri,实现一个大寰电爪PGHL(串口设备)定制化控制程序

2025/4/2 15:31:12 来源:https://blog.csdn.net/normer123456/article/details/146532810  浏览:    关键词:<tauri><rust><GUI>基于rust和tauri,实现一个大寰电爪PGHL(串口设备)定制化控制程序
前言

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

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

本文是基于使用大寰电爪(串口通讯)的定制化控制程序,使用tauri来实现GUI,内部函数基于rust和javascript。
大寰夹爪厂家本身是有上位机调试程序的,但我感觉不好用,所以就基于他们的手册,自己开发了基于tauri的控制,UI如下:
在这里插入图片描述
注:本文是基于特定设备的定制化控制程序,如果你正好也使用了相同的设备,那么可以试试本程序。

1、创建前端项目

可以参考我之前的博文,本文不再赘述:
1、<tauri><rust><GUI>基于rust和tauri,在已有的前端框架上手动集成tauri示例
我们需要创建一个主页面,下面我们大致给一下页面代码,主要是左边的“控制页面”和右边的“状态页面”:

控制页面

  <div id="operatordiv"><div id="titlediv"><diV><h2>大寰PGHL夹爪调试</h2></diV><div><div><span>波特率:</span><select id="baudrate" class="baudrate"><option value="115200">115200</option><option value="9600">9600</option><option value="19200">19200</option><option value="38400">38400</option><option value="57600">57600</option></select><span>数据位:</span><select id="databit" class="databit"><option value="Eight">8</option><option value="Seven">7</option><option value="Six">6</option><option value="Five">5</option></select><span>校验位:</span><select id="parity" class="parity"><option value="None"></option><option value="Even"></option><option value="Odd"></option></select><span>停止位:</span><select id="stopbit" class="stopbit"><option value="One">1</option><option value="Two">2</option></select></div></div></div><div id="serialinitdiv"><button id

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词