基于STM32MP1和QT的疫情看板

2024-06-18 08:08
文章标签 qt 疫情 stm32mp1

本文主要是介绍基于STM32MP1和QT的疫情看板,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

  • 1.前言
  • 2.数据接口的获取
  • 3.Qt界面的实现
  • 4.在开发板上运行Qt程序
  • 5.使用无线模块联网
  • 6.代码下载

1.前言

之前我使用桌面版本Qt实现了肺炎疫情监控平台:基于Qt的新冠肺炎疫情数据实时监控平台(开源小项目)。既然Qt是跨平台的,正好参加创客比赛,刚买了一块米尔科技的YA157C开发板,那么能不能在嵌入式平台实现一下呢?

桌面Linux版本的运行效果:
在这里插入图片描述
YA157C开发板实现效果:
在这里插入图片描述

2.数据接口的获取

疫情监控平台的实现,简单的说,就是数据的展示,而数据从哪里来呢?

现在很多互联网公司都做了自己的疫情监控平台,我这里采用的是腾讯新闻的数据源,数据内容很丰富,也比较稳定。

数据来源:实时更新:新冠肺炎疫情最新动态

接口地址的获取方法可以参考:基于Qt的新冠肺炎疫情数据实时监控平台(开源小项目)

如果把所有的数据放在一个接口里,数据量会很大,所以腾讯把数据分成了几个接口

#包含最新疫情数据、各省市最新数据、其他国家最新数据
https://view.inews.qq.com/g2/getOnsInfo?name=disease_h5#包含历史数据
https://view.inews.qq.com/g2/getOnsInfo?name=disease_other#最新的辟谣信息
https://vp.fact.qq.com/loadmore?page=0#辟谣信息详情
https://vp.fact.qq.com/miniArtData?id=a2141851348ee5f3772c761e25bb57d7

目前只显示了一些基本的数据,所以我们只使用到了https://view.inews.qq.com/g2/getOnsInfo?name=disease_h5这个接口中的chinaTotalchinaAdd这两组数据。

这个接口包括很多数据,全国累计和新增的最新数据,各省市其他国家的最新数据等等。文件大小大概在160KB,液晶屏是7寸IPS屏,1024x600分辨率的,还是比较大的,可以显示很多信息,后续版本会添加更多数据显示的。

数据格式:

{"ret": 0,"data": {"lastUpdateTime": "2020-03-04 11:12:04","chinaTotal": {"confirm": 80422,"heal": 49914,"dead": 2984,"nowConfirm": 27524,"suspect": 520,"nowSevere": 6416},"chinaAdd": {"confirm": 120,"heal": 2654,"dead": 38,"nowConfirm": -2572,"suspect": -67,"nowSevere": -390},...........其他数据............."isShowAdd": true}
}

3.Qt界面的实现

之前的桌面应用程序中,是使用的是Qt5版本开发的,Qt5自带QJson解析类,而Qt 4没有带QJson。为了适配带有Qt 4库的板子,我使用了第三方JSON解析库。这里选择的是小巧的cJSON解析库:cJSON download | SourceForge.net

如果你的板子是Qt 4的库,那么程序不用修改,直接交叉编译运行即可使用。

只包含两个文件:cJSON.c和cJSON.h,把这两个文件添加到工程里就行了。

整个工程代码也很简单:GET接口地址,把接收到的数据保存到本地,调用cJSON解析数据文件,把解析出的数据显示,数据文件删除。代码可以到文章末尾开源地址获取。下面介绍几个关键部分代码的实现:

3.1 JSON数据的解析

//打开保存的JSON数据文件,并调用解析函数
void Dialog::parseData(QString filename)
{QFile file(filename);if(!file.open(QIODevice::ReadOnly)){qDebug() << "file open failed";return;}QByteArray allData = file.readAll();file.close();
//    qDebug() << allData;getData(allData);file.remove();            //删除文件return;
}
//把数据解析出来并显示在标签上
void Dialog::getData(QByteArray str)
{cJSON *ret_obj;cJSON *root_obj;root_obj = cJSON_Parse(str);   //创建JSON解析对象,返回JSON格式是否正确if (!root_obj){disInfo("JSON format error");qDebug() << "json format error";}else{disInfo("json format ok");qDebug() << "json format ok";ret_obj = cJSON_GetObjectItem(root_obj, "ret");if(cJSON_IsNumber(ret_obj)){int ret = 1;ret = ret_obj->valueint;
//            qDebug() << ret_obj->valueint;}char *data_str = cJSON_GetObjectItem(root_obj, "data")->valuestring;cJSON *data_obj = cJSON_Parse(data_str);if(!data_obj){qDebug() << "data json err";cnt_error++;QString error = "err:" + QString::number(cnt_error);ui->lbe_error->setText(error);}else{qDebug() << "data json ok";char *lastUpdateTime = cJSON_GetObjectItem(data_obj, "lastUpdateTime")->valuestring;qDebug() << lastUpdateTime;ui->lbe_update_time->setText(lastUpdateTime);cJSON *chinaTotal_obj = cJSON_GetObjectItem(data_obj, "chinaTotal");int chinaTotal_confirm    = cJSON_GetObjectItem(chinaTotal_obj, "confirm")->valueint;int chinaTotal_heal       = cJSON_GetObjectItem(chinaTotal_obj, "heal")->valueint;int chinaTotal_dead       = cJSON_GetObjectItem(chinaTotal_obj, "dead")->valueint;int chinaTotal_nowConfirm = cJSON_GetObjectItem(chinaTotal_obj, "nowConfirm")->valueint;int chinaTotal_suspect    = cJSON_GetObjectItem(chinaTotal_obj, "suspect")->valueint;int chinaTotal_nowSevere  = cJSON_GetObjectItem(chinaTotal_obj, "nowSevere")->valueint;ui->lbe_total_confirm->setNum(chinaTotal_confirm);ui->lbe_total_heal->setNum(chinaTotal_heal);ui->lbe_total_dead->setNum(chinaTotal_dead);ui->lbe_total_nowConfirm->setNum(chinaTotal_nowConfirm);ui->lbe_total_suspect->setNum(chinaTotal_suspect);ui->lbe_total_nowSevere->setNum(chinaTotal_nowSevere);cJSON *chinaAdd_obj = cJSON_GetObjectItem(data_obj, "chinaAdd");int chinaAdd_confirm    = cJSON_GetObjectItem(chinaAdd_obj, "confirm")->valueint;int chinaAdd_heal       = cJSON_GetObjectItem(chinaAdd_obj, "heal")->valueint;int chinaAdd_dead       = cJSON_GetObjectItem(chinaAdd_obj, "dead")->valueint;int chinaAdd_nowConfirm = cJSON_GetObjectItem(chinaAdd_obj, "nowConfirm")->valueint;int chinaAdd_suspect    = cJSON_GetObjectItem(chinaAdd_obj, "suspect")->valueint;int chinaAdd_nowSevere  = cJSON_GetObjectItem(chinaAdd_obj, "nowSevere")->valueint;lbeDisplay(ui->lbe_add_confirm, chinaAdd_confirm);lbeDisplay(ui->lbe_add_heal, chinaAdd_heal);lbeDisplay(ui->lbe_add_dead, chinaAdd_dead);lbeDisplay(ui->lbe_add_nowConfirm, chinaAdd_nowConfirm);lbeDisplay(ui->lbe_add_suspect, chinaAdd_suspect);lbeDisplay(ui->lbe_add_nowSevere, chinaAdd_nowSevere);}
//        cJSON_Delete(ret_obj);
//        cJSON_Delete(data_obj);cJSON_Delete(root_obj);//释放内存disInfo("更新完成");cnt_success++;QString success = "ok:" + QString::number(cnt_success);ui->lbe_success->setText(success);}
}//数据的显示
void Dialog::lbeDisplay(QLabel *lbe, int num)
{if(num > 0)lbe->setText("+" + QString::number(num));elselbe->setText(QString::number(num));
}

3.2 获取本地IP地址

//forexample:192.168.1.111
QString Dialog::GetLocalmachineIP()
{QString ipAddress;QList<QHostAddress> ipAddressesList = QNetworkInterface::allAddresses();for(QHostAddress &addr : ipAddressesList){// 找到不是本地ip,并且是ipv4协议,并且不是169开头的第一个地址if(addr != QHostAddress::LocalHost && addr.protocol() == QAbstractSocket::IPv4Protocol && !addr.toString().startsWith("169")){ipAddress = addr.toString();break;}}// if we did not find one, use IPv4 localhostif (ipAddress.isEmpty())ipAddress = QHostAddress(QHostAddress::LocalHost).toString();return ipAddress;
}

桌面Linux版本的运行效果:
在这里插入图片描述

4.在开发板上运行Qt程序

如果在桌面运行正常,就可以使用ya157c构建套件来编译工程,生成可以在开发板上运行的程序,然后使用scp命令传输到开发板上。

#使用网线把开发板连接上路由器
#使用udhcpc自动获取IP地址
udhcpc #查看获取到的ip地址
ifconfig#确认连接到互联网
ping www.baidu.com
#如果有回复数据,说明已经成功连接上互联网#使用scp命令或共享目录的方式把可执行文件传输到开发板上
scp qte_2019_ncov root@192.168.1.109:/home/root#执行程序
./qte_2019_ncov

最终效果
在这里插入图片描述
这个版本是上一个版本的,右上角没有显示开发板的IP地址和成功失败次数统计,最新版本的程序中已经添加了这个功能。

桌面Linux版效果:
在这里插入图片描述

5.使用无线模块联网

YA157C开发板已经板载了一个WiFi & 蓝牙模组——AP6212,可以直接连接无线网,这样就不需要使用网线的方式联网了。
在这里插入图片描述

#关闭eth0
ifconfig eth0 down#启用wlan0
rfkill unblock wifi
ifconfig wlan0 up#在当前文件夹生成WiFi配置文件
wpa_passphrase "M6_Note" "qwert125" > wifi.conf#查看生成的WiFi配置信息
cat wifi.conf#加载WiFi配置文件
wpa_supplicant -B -c wifi.conf -i wlan0#扫描附近的WiFi信息
iw dev wlan0 scan | grep SSID#自动获取IP地址
udhcpc -i wlan0#设置DNS
echo "nameserver 114.114.114.114" > /etc/resolv.conf#连接互联网
iw wlan0 link#测试网络连接
ping www.wangchaochao.top

在这里插入图片描述
在这里插入图片描述

为了方便快捷的连接WiFi,可以把以上命令写成一个shell脚本,需要连接WiFi时,直接执行这个脚本就可以了。先在本地生成WiFi配置信息:

connect_wifi.sh脚本文件内容:

#!/bin/bashWF_SSID="M6_Note"
WF_PASSWORD="qwert125"#关闭eth0
ifconfig eth0 down#使能wlan0
rfkill unblock wifi
ifconfig wlan0 up#输出WiFi信息
echo "WiFi_SSID:$WF_SSID"
echo "WiFi_PASSWORD:$WF_PASSWORD"#在当前文件夹生成WiFi配置信息
wpa_passphrase $WF_SSID $WF_PASSWORD > $WF_SSID.conf#加载WiFi配置文件
wpa_supplicant -B -c /home/root/$WF_SSID.conf -i wlan0#扫描附近的WiFi
iw dev wlan0 scan | grep SSID#自动获取IP地址
udhcpc -i wlan0#配置DNS
echo "nameserver 114.114.114.114" > /etc/resolv.conf#连接网络
iw wlan0 linkecho "WiFi连接成功"

WiFi账号和密码修改一下,就可以直接使用了。
在这里插入图片描述

6.代码下载

整个Qt工程代码已经开源在Github,Qt4/Qt5兼容。如果下载速度很慢,可以选择国内的Gitee速度会快很多。

#Github
https://github.com/whik/qte_2019_ncov#Gitee
https://gitee.com/whik/qte_2019_ncov

目前界面还比较简单,7寸的显示屏可以显示很多内容,之后会尽量完善界面信息,欢迎大家关注!

本文转载来源:公众号:mcu149 作者 whik

这篇关于基于STM32MP1和QT的疫情看板的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1071735

相关文章

Qt 中 isHidden 和 isVisible 的区别与使用小结

《Qt中isHidden和isVisible的区别与使用小结》Qt中的isHidden()和isVisible()方法都用于查询组件显示或隐藏状态,然而,它们有很大的区别,了解它们对于正确操... 目录1. 基础概念2. 区别清见3. 实际案例4. 注意事项5. 总结1. 基础概念Qt 中的 isHidd

QT移植到RK3568开发板的方法步骤

《QT移植到RK3568开发板的方法步骤》本文主要介绍了QT移植到RK3568开发板的方法步骤,文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一... 目录前言一、获取SDK1. 安装依赖2. 获取SDK资源包3. SDK工程目录介绍4. 获取补丁包二

Qt把文件夹从A移动到B的实现示例

《Qt把文件夹从A移动到B的实现示例》本文主要介绍了Qt把文件夹从A移动到B的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学... 目录如何移动一个文件? 如何移动文件夹(包含里面的全部内容):如何删除文件夹:QT 文件复制,移动(

Qt实现发送HTTP请求的示例详解

《Qt实现发送HTTP请求的示例详解》这篇文章主要为大家详细介绍了如何通过Qt实现发送HTTP请求,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、添加network模块2、包含改头文件3、创建网络访问管理器4、创建接口5、创建网络请求对象6、创建一个回复对

Qt 中集成mqtt协议的使用方法

《Qt中集成mqtt协议的使用方法》文章介绍了如何在工程中引入qmqtt库,并通过声明一个单例类来暴露订阅到的主题数据,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录一,引入qmqtt 库二,使用一,引入qmqtt 库我是将整个头文件/源文件都添加到了工程中进行编译,这样 跨平台

基于Qt Qml实现时间轴组件

《基于QtQml实现时间轴组件》时间轴组件是现代用户界面中常见的元素,用于按时间顺序展示事件,本文主要为大家详细介绍了如何使用Qml实现一个简单的时间轴组件,需要的可以参考下... 目录写在前面效果图组件概述实现细节1. 组件结构2. 属性定义3. 数据模型4. 事件项的添加和排序5. 事件项的渲染如何使用

基于Qt开发一个简单的OFD阅读器

《基于Qt开发一个简单的OFD阅读器》这篇文章主要为大家详细介绍了如何使用Qt框架开发一个功能强大且性能优异的OFD阅读器,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 目录摘要引言一、OFD文件格式解析二、文档结构解析三、页面渲染四、用户交互五、性能优化六、示例代码七、未来发展方向八、结论摘要

python与QT联合的详细步骤记录

《python与QT联合的详细步骤记录》:本文主要介绍python与QT联合的详细步骤,文章还展示了如何在Python中调用QT的.ui文件来实现GUI界面,并介绍了多窗口的应用,文中通过代码介绍... 目录一、文章简介二、安装pyqt5三、GUI页面设计四、python的使用python文件创建pytho

QT实现TCP客户端自动连接

《QT实现TCP客户端自动连接》这篇文章主要为大家详细介绍了QT中一个TCP客户端自动连接的测试模型,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录版本 1:没有取消按钮 测试效果测试代码版本 2:有取消按钮测试效果测试代码版本 1:没有取消按钮 测试效果缺陷:无法手动停

基于Qt实现系统主题感知功能

《基于Qt实现系统主题感知功能》在现代桌面应用程序开发中,系统主题感知是一项重要的功能,它使得应用程序能够根据用户的系统主题设置(如深色模式或浅色模式)自动调整其外观,Qt作为一个跨平台的C++图形用... 目录【正文开始】一、使用效果二、系统主题感知助手类(SystemThemeHelper)三、实现细节