Qt编写物联网管理平台33-设备面板

一、前言

设备面板展示数据，相对于表格展示，可能在一个页面中能够展示的设备数据量少一些，但是有些用户和场景，又需要这种面板的形式，可能更生动形象一些。尤其是经过这么些年的社会的毒打，我的原则是：用户是上帝和大爷，尽量站在用户的角度换位思考，只要是合理或者基本合理的需求，甚至说只要不是太过分，给钱就干。

其实这种面板展示数据的需求，从我刚开始工作的时候，编写的软件，就已经有了，比如一台主机对应一个设备面板，除了显示对应的数值（电压值、电流值等），每个面板上还有按钮提供用户交互操作。对于通用的物联网平台来说，需要进行交互的场景很少，绝大部分都是用来展示采集到的数据，所以本系统的面板就显示对于的数据，如果需要回控操作的话，双击对应面板弹出详细面板信息进行操作。

设备面板几个特色功能：

不同状态不同颜色，正常采用全局样式颜色、离线采用禁用颜色、低报黄色、高报红色等。
双击分两种，离线状态下双击立即重新采集该设备，在线状态下双击弹出详情面板。
面板可选多种样式，普通样式，仪表样式等。

二、功能特点

2.1 软件模块

设备监控模块，包括数据监控（表格形式展示）、设备面板（面板形式展示）、地图监控（地图形式展示）、曲线监控（曲线形式展示）。
数据查询模块，包括报警记录、运行记录、操作记录。
系统设置模块，包括基本设置、端口管理、控制器管理、探测器管理、报警联动、类型设置等。
其他设置模块，包括用户管理、地图管理、位置调整、组态设计、设备调试等。

2.2 基础功能

设备数据采集，支持串口、网络，串口可设置串口号、波特率，网络可设置IP地址、通讯端口。
每个端口支持采集周期时间，默认1秒钟一个设备。
支持设置通讯超时次数，默认3次。
支持最大重连时间，用于重新读取离线的设备。
控制器信息，能够添加控制器名称，选择控制器地址、控制器型号，设置该控制器下面的探测器数量。
探测器信息，能够添加位号、探测器型号、气体种类、气体符号、高报值、低报值、缓冲值、清零值、是否启用、报警声音、背景地图、存储周期、数值换算小数点位数、报警延时时间、报警的类型（HH,LL,HL）等。
类型管理可配置控制器型号、探测器型号、气体种类、气体符号等。
地图支持导入和删除，所有的探测器在地图上的位置可自由拖动保存。
端口信息、控制器信息、探测器信息、类型信息、用户信息等，都支持导入、导出、导出到excel、打印。
运行记录、报警记录、操作记录，都支持多条件组合查询，比如时间段、控制器、探测器等，所有记录支持导出到excel/pdf和打印。
运行记录、报警记录、操作记录都可删除指定时间范围内的数据。
系统设置可选择对应表最大保存记录数，自动清理早期数据，留出足够的空间存储重要的数据。
报警短信转发，支持多个接收手机号码，可设定发送间隔，比如即时发送或者6个小时发送一次所有的报警信息，短信内容过长，自动拆分多条短信。
报警邮件转发，支持多个接收邮箱，可设定发送间隔，比如即时发送或者6个小时发送一次所有的报警信息，支持附件发送。
设置软件的中文标题、英文标题、logo路径、版权所有等。
开关设置开机运行、报警声音、自动登录、记住密码等。
报警声音可设置播放次数，界面风格样式提供18套皮肤文件选择。
用户管理，包括用户权限配置，不同用户可以有不同模块的权限。
用户登录和用户退出，可以记住密码和自动登录，超过三次报错提示并关闭程序。
四种监控模式，设备面板监控、地图监控、表格数据监控、曲线数据监控，可自由切换，四种模式下都实时展示采集到的数据，报警闪烁等。
报警继电器联动，一个位号可以跨串口联动多个模块和继电器号，支持多对多。

2.3 特色功能

通信协议支持modbus_com、modbus_tcp_rtu，后期拓展mqtt等协议。
数据源除了真实的硬件设备采集，还可选数据库采集，这样用户可以安排其他程序员比如java程序员将前端采集好的数据放到数据库，本系统直接从数据库采集即可。数据库采集模式可以作为通用的系统使用，更适合多人多系统协作。
智能跳过超时的设备，加快对在线设备的采集速度，当设备数量很多的时候尤其有用。
对智能跳过的超时的设备，在设定的重连时间自动采集一次，以便探测设备是否又重新上线。
每个探测器可控是否启用，不启用则不会采集，也不会在界面显示，相当于运行阶段临时关闭。
探测器可设置缓冲值和报警延时时间，在该值附近波动产生的报警，不计入报警，只有持续处于报警值且超过报警延时时间才算真正报警，这样可以规避很多波动导致的误报。
探测器可设置存储周期，按照设定的时间来存储一条运行记录，可以按照重要程度对重要性高的设定存储周期短一些，不重要的设定大一些，这样可以节省不少的存储空间，也保证了重要的数据及时存储。
探测器可设置清零值，在一些高精度高灵敏的设备可能出厂的时候默认值未必是0，需要设定清零值来表示初始值。
探测器可设置小数点，用于计算后的真实数据控制小数点点位显示，相当于除以10、除以100、除以1000，这样大部分的探测器数据直接通过小数点位设置控制真实换算后的值，极个别的需要特殊转换的可以在通信协议中约定。
探测器报警的类型支持多种，有些设备是高于某个值高报，低于某个值低报，而有些设备是在最小值最大值范围内是高报，低于最小值低报，高于最大值正常。这样可以分情况处理，涵盖各种报警类型。
原创数据导入、导出、打印机制，跨平台不依赖任何组件，瞬间导出数据。
导出到excel的记录支持所有excel、wps等表格文件版本，不依赖excel等软件。
高报颜色、低报颜色、正常颜色、默认值颜色等，都可以自由设置。
支持云端数据同步，将本地采集到的数据实时同步到云端。
支持网络转发和网络接收，网络接收开启后，软件从udp接收数据进行解析。网络转发支持多个目标IP，这样就实现了本地采集的软件，自由将数据转到客户端，随时查看采集到的数据。
自动记住用户最后停留的界面以及其他配置信息，重启后自动应用。
报警自动切换到对应的地图，探测器按钮闪烁，表格数据对应颜色显示。
双击探测器图标，弹出对应探测器详细信息，可以根据需要定制回控操作。
数据库支持多种，包括sqlite、mysql、sqlserver、postgresql、oracle、人大金仓等。
本地设备采集到的数据实时上传到云端，以便手机APP或者web等其他方式提取。
自带设备模拟工具，支持不同型号的多个设备数据模拟，同时还带数据库数据模拟，以便在没有设备的时候测试数据。
标准modbus协议，各种控制器类型、探测器类型、种类、符号等全部自定义，非常灵活和强大，通信协议示例数据非常完整，通用各种modbus协议系统，适用于各种应用场景接入。
同时集成了串口通信、网络通信、数据库通信、数据导入导出打印、通信协议解析、界面UI、全局换肤等众多组件和知识点，非常适合新手入门和进阶。
支持xp、win7、win10、、win11、linux、mac、各种国产系统（UOS、中标麒麟、银河麒麟等）、嵌入式linux等系统。
注释完整，项目结构清晰，超级详细完整的使用开发手册，精确到每个代码文件的功能说明，不断持续迭代版本。

三、体验地址

国内站点：https://gitee.com/feiyangqingyun
国际站点：https://github.com/feiyangqingyun
个人主页：https://blog.csdn.net/feiyangqingyun
知乎主页：https://www.zhihu.com/people/feiyangqingyun
产品主页：https://blog.csdn.net/feiyangqingyun/article/details/97565652
在线文档：https://feiyangqingyun.gitee.io/qwidgetdemo/iotsystem/
体验地址：https://pan.baidu.com/s/1ZxG-oyUKe286LPMPxOrO2A 提取码：o05q 文件名：bin_iotsystem.zip。
文章导航：https://qtchina.blog.csdn.net/article/details/121330922

四、效果图

五、相关代码

#include "frmdevicenode.h"
#include "ui_frmdevicenode.h"
#include "quihelper.h"
#include "iconhelper.h"
#include "dbquery.h"
#include "deviceserver.h"
#include "frmdevicecontrol.h"frmDeviceNode::frmDeviceNode(QWidget *parent) : QWidget(parent), ui(new Ui::frmDeviceNode)
{ui->setupUi(this);this->initForm();this->initStyle();//this->initControl();
}frmDeviceNode::~frmDeviceNode()
{delete ui;
}bool frmDeviceNode::eventFilter(QObject *watched, QEvent *event)
{//要区分在线离线的情况//在线双击则弹出具体详情面板//离线双击则重连当前端口下的所有设备if (event->type() == QEvent::MouseButtonDblClick) {if (!online) {QString deviceName = this->property("deviceName").toString();QString portName = DbQuery::getPortName(deviceName);DeviceServer::Instance()->readValue(portName, 255, true);} else {QString positionID = this->property("positionID").toString();frmDeviceControl::Instance()->setPositionID(positionID);frmDeviceControl::Instance()->show();}}return QWidget::eventFilter(watched, event);
}void frmDeviceNode::initForm()
{value = 0;online = true;alarm = false;select = false;this->installEventFilter(this);QFont font;font.setPixelSize(QUIConfig::FontSize + 2);ui->labNodeInfo->setFont(font);ui->labNodeInfo->setFixedHeight(30);//设置图形字体QFont iconFont = IconHelper::getIconFontAwesome();ui->labNodeNamex->setFont(iconFont);ui->labPositionIDx->setFont(iconFont);ui->labNodeTypex->setFont(iconFont);ui->labNodeValuex->setFont(iconFont);ui->labNodeNamex->setText(QChar(0xf132));ui->labPositionIDx->setText(QChar(0xf015));ui->labNodeTypex->setText(QChar(0xf124));ui->labNodeValuex->setText(QChar(0xf0c3));//通过弱属性控制样式ui->devicePanel2->setProperty("form", "panel");ui->deviceTitle1->setProperty("form", "panel");ui->devicePanel1->setProperty("form", "panel");ui->deviceTitle1->setProperty("flag", "paneltitle");ui->devicePanel1->setProperty("flag", "panelcontrol");//可以自行根据项目需要调整范围值小数点等ui->gaugeSpeed->setUnit("");ui->gaugeSpeed->setPrecision(0);ui->gaugeSpeed->setDigitCount(3);ui->gaugeSpeed->setRange(0, 200);ui->gaugeSpeed->setValue(ui->gaugeSpeed->getMinValue());
}void frmDeviceNode::initStyle()
{//根据不同的面板样式隐藏对应的面板if (AppConfig::PanelStyle == 0) {ui->widget1->setVisible(true);ui->widget2->setVisible(false);} else if (AppConfig::PanelStyle == 1) {ui->widget1->setVisible(false);ui->widget2->setVisible(true);}QString textColor, bgColor;if (alarm) {//判断低报还是高报QString positionID = this->property("positionID").toString();int index = DbData::NodeInfo_PositionID.indexOf(positionID);bool alarmLimit = DbData::NodeInfo_AlarmLimit.at(index);bool alarmUpper = DbData::NodeInfo_AlarmUpper.at(index);//bool alarmOther = DbData::NodeInfo_AlarmOther.at(index);//报警面板颜色textColor = "#EEEEEE";if (alarmLimit) {bgColor = AppConfig::ColorLimit;} else if (alarmUpper) {bgColor = AppConfig::ColorUpper;} else {bgColor = AppConfig::ColorOther;}//报警状态下的选中将颜色加个透明度if (select) {QColor color(bgColor);bgColor = QString("rgba(%1,%2,%3,150)").arg(color.red()).arg(color.green()).arg(color.blue());}} else {//选中面板颜色textColor = online ? QUIConfig::TextColor : QUIConfig::BorderColor;bgColor = select ? QUIConfig::DarkColorStart : QUIConfig::NormalColorStart;}QStringList qss;//仪表盘中的数码管禁用样式qss << QString("QLCDNumber:disabled{background:%1;}").arg(QUIConfig::NormalColorStart);//仪表样式中的节点信息标签qss << QString("#labNodeInfo{color:%1;background:%2;}").arg(textColor).arg(alarm ? bgColor : QUIConfig::DarkColorEnd);//仪表样式面板需要调整下颜色if (AppConfig::PanelStyle == 1 && alarm) {textColor = QUIConfig::TextColor;bgColor = select ? QUIConfig::DarkColorStart : QUIConfig::NormalColorStart;}//全局文字颜色qss << QString("*{color:%1;}GaugeSpeed{qproperty-textColor:%1;}").arg(textColor);//整体面板背景颜色qss << QString("#deviceTitle1,#devicePanel1,#devicePanel2{background:%1;}").arg(bgColor);this->setStyleSheet(qss.join(""));
}void frmDeviceNode::initControl()
{QString positionID = this->property("positionID").toString();QString nodeName = this->property("nodeName").toString();QString nodeType = this->property("nodeType").toString();QString nodeSign = this->property("nodeSign").toString();ui->labNodeName->setText("名称: " + nodeName);ui->labPositionID->setText("位号: " + positionID);ui->labNodeType->setText("型号: " + nodeType);ui->labNodeValue->setText(QString("数值: %1 %2").arg(value).arg(nodeSign));ui->gaugeSpeed->setText(nodeSign);ui->gaugeSpeed->setValue(value);ui->labNodeInfo->setText(positionID + " -- " + nodeName);
}void frmDeviceNode::setValue(float value)
{this->value = value;QString nodeType = this->property("nodeType").toString();QString nodeSign = this->property("nodeSign").toString();//有两个传感器是开关量,数值是1 2显示时用正常和异常代替if (nodeType == "SJ-0001" || nodeType == "JG-0001") {ui->labNodeValue->setText(QString("数值: %1").arg(value == 1 ? "正常" : "异常"));ui->gaugeSpeed->setValue(value == 1 ? ui->gaugeSpeed->getMinValue() : ui->gaugeSpeed->getMaxValue());} else {ui->labNodeValue->setText(QString("数值: %1 %2").arg(value).arg(nodeSign));ui->gaugeSpeed->setValue(value);}
}void frmDeviceNode::setOnline(bool online)
{if (this->online != online) {this->online = online;if (!online) {this->value = 0;this->alarm = false;this->select = false;}this->setEnabled(online);this->initStyle();this->initControl();}
}void frmDeviceNode::setAlarm(bool alarm)
{//可能由低报转为高报所以这里不要做过滤判断this->alarm = alarm;this->initStyle();
}void frmDeviceNode::setSelect(bool select)
{if (this->select != select) {this->select = select;this->initStyle();}
}

Qt编写物联网管理平台33-设备面板相关推荐

Qt编写物联网管理平台47-通用数据库设置
一.前言为了做这个通用的数据库组件,专门安装了虚拟机来安装各种版本的不同类型的数据库做测试,包括编译对应的数据库插件,我一直坚信的是一切从实际出发+有实际采用发言权,包括不同Qt版本编译mysql. ...
Qt编写物联网管理平台48-特色功能设计
一.前言在物联网管理平台的实际现场应用过程中,遇到过大大小小几十个改进的需求点,这些需求点都是实际用户提出来的,一方面为了方便用户使用提高用户体验,一方面为了提升整体的整个系统的完整性,甚至有些需求 ...
Qt编写物联网管理平台40-类型种类
一.前言为了增强本系统的拓展性,做成通用的物联网管理平台,特意将控制器主设备类型.探测器子设备类型.对应种类符号等信息,全部做成表格可自定义添加和修改,这样在控制器信息表和探测器信息表管理的时候,可 ...
Qt编写物联网管理平台（支持win/linux/mac/嵌入式linux/modbus等）
一.前言这个物联网综合管理平台前后迭代了五年,一点一滴慢慢积累起来,从最开始的只有modbus串口协议解析以及简单的表格显示数据,慢慢的逐渐增加了tcp_rtu支持,用户管理模块,地图监控模块,而后 ...
Qt编写物联网管理平台50-超强跨平台
一.前言跨平台的需求,除了是用户的需求外,也是为了适应日益增长的国产操作系统的发展的需要,当前国产操作系统发展的如火如荼,100%都是围绕linux系统展开,说的好听点就是站在巨人的肩膀上开发,不好 ...
Qt编写物联网管理平台34-地图按钮
一.前言地图按钮很常见,这也是用户给钱就干的一个模块.设备现场提供了对应的地图文件,其实就是图片文件,做的简单点就是直接CAD图纸转成jpg,做的精致点就是搞了3D风格的立体样式图片,其实还是图片, ...
Qt编写物联网管理平台1-项目框架
一.前言说到项目框架,也叫代码框架,其实是非常重要的,随着编程经验的增加,相信每个程序员都会有一个自己的习惯的项目框架,这个东西跟建房子一样,先把架子搭好,然后挨个往里边填充内容,据说牛逼的架构师都 ...
Qt编写物联网管理平台13-短信告警
一.前言短信告警这个模块在很多项目中都用上了,比如之前做过的安防系统,温湿度报警系统等,主要的流程就是收到数据判断属于某种报警后,组织短信字符串内容,发送到指定的多个手机号码上面,使用的是短信猫硬件 ...
Qt编写物联网管理平台17-记录清理
一.前言记录清理功能,在数据量很小的情况下,用不上,如果数据量大了的话,长年累月存储的,那就显得极其重要了,好比视频监控中的NVR存储的视频一样,一般来说存储个60天,那超过60天怎办呢,擦除早期的 ...