手把手教你编写一个上位机

演示视频：

二、QT环境搭建

在开始编写上位机之前我们先来一起搭建一下QT开发环境（不然就不是手把手了，哈哈）。往期推文 QT | 详解Qt的几种开发方式 中有介绍到QT的两种开发环境：

• 使用VS + QT

• 使用Qt Creator

这里我们选择直接使用QT_Creator的方式。

Qt Creator是一个用于Qt开发的轻量级跨平台集成开发环境。

Qt Creator可带来两大关键益处：

• 提供首个专为支持跨平台开发而设计的集成开发环境 (IDE)，并确保首次接触Qt框架的开发人员能迅速上手和操作。

• 即使不开发Qt应用程序，Qt Creator也是一个简单易用且功能强大的IDE。

下面我们来一起安装Qt Creator。

1、注册qt账

我们需要先注册一个QT账 ，后面安装Qt Creator的时候会用到。注册账 的地址为：

https://www.qt.io/zh-cn/

2、下载QT_Creator并安装

我们在Windows上进行开发，安装Windows版本的Qt Creator。下载地址：

https://download.qt.io/new_archive/qt/5.11/5.11.3/

安装完成之后我们桌面上并没有Qt Creator的快捷方式，需要自己创建。找到Qt Creator的安装路径，然后把Qt Creator发送到桌面快捷方式即可。如：

Qt Creator搭建好之后我们接下来开始编写我们的上位机。

三、编写一个简单的上位机

编写这个简单的上位机我们需要经过一下几个步骤：

• 上位机界面设计。

• 上位机逻辑代码编写。

• 添加上位机图标。

• 上位机程序的打包。

• 上位机测试验证。

1、新建一个serial_led工程

其中，项目文件是用来告诉关于为这个应用程序创建所需要的细节。例如，一个源文件和头文件的列表、任何应用程序特定配置。例如，一个必需链接的额外库或者一个额外的包含路径、都应该放到项目文件中。

2、上位机界面设计

Qt 一个可视化的界面设计工具：Qt 设计器（Qt Designer）。我们双击.ui文件就可以进入Qt Designer，在Qt Designer中我们可以通过拖动控件的方式来设计我们的界面，整个界面如：

这里需要注意的是波特率这个下拉框需要双击设置一些备选配置，如：

其中，布局可通过如下组件调整：

具体地用法大家可以自己去实操一下。

另外，我们需要给我们使用的控件重新命名，在右侧的进行操作。命名为有意义的名字，因为后面编写代码会用到。有意义的名字利于编写易懂的代码。比如我们修改的名字如：

在文件包含串口头文件：

（3）创建串口对象、搜索所有可用串口

在Widget构造函数中创建一个串口对象并搜索所有可用串口：

信 和槽是用于对象之间的通信，它是Qt的核心机制。

当某个事件发生之后，比如，按钮检测到自己被点击了一下，它就会发出一个信 （signal）。如果有对象对这个信 感兴趣，想要处理的信 和自己的一个函数（称为槽（slot））绑定来处理这个信 。也就是说，当信 发出时，被连接的槽函数会自动被回调。

这里，我们点击按钮会发出，此时对应槽函数on_openButton_clicked会被调用。下面我们来实现这个槽函数：

这里我们写死数据位、停止位、求校验位；增加提示框。其中使用需要包含如下头文件：

（5）编写“关闭串口”、“点灯”、“灭灯”槽函数

按照上面槽函数的方法编写、、槽函数：

以上就是上位机逻辑代码的编写。

4、添加上位机图标

在 上找一个相关的后缀的图标下载放到我们的工程路径下，如：

5、上位机程序打包

我们上面运行的上位机都是在Qt Creator中编译运行的，如果我们需要把编写好的可执行文件发送给别人使用的话还需要进行打包。

上面我们的工程是的：

然后在我们工程目录下得到：

我们新建一个文件夹保存我们的打包文件，如：

打开工具：

执行如下命令进入打包目录：

然后执行如下命令进行打包：

此时就完成了程序的打包。此时我们把这一整个文件夹压缩发送给别人使用了。另外，我们也可以借助一些工具把这些文件打包成一个整体的.exe文件，这里不再介绍。

6、上位机测试验证

上位机我们写好了，接下来编写下位机代码来测试一下。

我们点击上位机的、按钮，则会通过串口分别发送、，我们编写下位机代码进行接收，然后操控LED灯即可。

下位机是，测试代码如：