Qt編寫氣體安全管理系統2-界面框架

1、前言

總體框架包括兩個部分，一部分是UI界面框架，好比一級二級導航菜單按鈕總體佈局等，一部分是項目框架，上一篇文章說的是項目框架，這一篇文章來講界面框架，Qt作界面很是快速和高效，尤爲是提供了可視化的界面設計，所見即所得，和大部分的開發環境相似，好比宇宙第一的VS，古老的VB，當年超級牛逼的dephi等，都是提供了可視化的所見即所得界面設計器，拖拖控件搞定，而後再去寫對應的事件代碼，最後編譯打包發佈。

Qt基本上是超大型一站式GUI超市框架，你要的各類控件都有，好比按鈕、標籤、文本框、下拉框、進度條等，應有盡有，就算沒有的也能夠自定義控件來實現，做爲一個牛逼的GUI界面框架，要學好仍是須要花一丟丟時間的，沒有誰是一蹴而就的，作界面核心就兩點：佈局加配色，通常來講這是美工乾的活，可是縱觀國內大部分的程序員所在的公司，基本上沒有美工，很可憐，須要程序員一我的全包全部的，從需求分析到詳細設計到代碼編寫到界面設計到售後維護等。

Qt的佈局提供了橫向佈局、垂直佈局、表格佈局、柵格佈局，主要就這四種，學會了這幾種佈局其實還不夠的，不少初學者會發現，達不到想要的效果，其實還要配合兩個牛逼的東西，那就是控件自己的拉伸策略sizePolicy加上彈簧spacer，其中拉伸策略包括了四個要素，水平策略、垂直策略、水平伸展、垂直伸展。在一個完整的帶界面的項目中，確定須要用上這幾個東西才能作出賞心悅目的界面。

Qt的配色當屬QSS無敵了，這個東西聽說是CSS2的子集，理論上包含了CSS2的全部寫法，不過目前CSS3大行其道，QSS還不支持CSS3，估計要重寫QSS解析器才行，代碼量應該巨大，可能官方目前主推qml，將來估計也沒有這個打算更新QSS使其支持CSS3，若是有一天支持CSS3了，那效果絕對宇宙第一了。我開源過3套QSS皮膚樣式。

皮膚地址：https://gitee.com/feiyangqingyun/QWidgetDemo https://github.com/feiyangqingyun/QWidgetDemo 文件名稱：styledemo

體驗地址：https://gitee.com/feiyangqingyun/QWidgetExe https://github.com/feiyangqingyun/QWidgetExe
文件名稱：bin_sams.zip

2、功能特色

1. 採集數據端口，支持串口端口+網絡端口，串口支持自由設置串口號+波特率，網絡支持自由設置IP地址+通信端口，每一個端口支持採集週期，默認1秒鐘一個地址，支持設置通信超時次數，默認3次，支持最大重連時間，用於從新讀取離線的設備。
2. 控制器信息，可以添加控制器名稱，選擇控制器地址+控制器型號，設置該控制器下面的探測器數量。
3. 探測器信息，可以添加位號，可自由選擇探測器型號，氣體種類，氣體符號，高報值，低報值，緩衝值，清零值，是否啓用，報警聲音，背景地圖，存儲週期，數值換算小數點位數，報警延時時間，報警的類型（HH,LL,HL）等。
4. 控制器型號+探測器型號+氣體種類+氣體符號，都可自由配置。
5. 地圖支持導入和刪除，全部的探測器對應地圖位置可自由拖動保存。
6. 端口信息+控制器信息+探測器信息，支持導入導出+導出到excel+打印。
7. 運行記錄+報警記錄+用戶記錄，支持多條件組合查詢，好比時間段+控制器+探測器等，全部記錄支持導出到excel+打印。
8. 導出到excel的記錄支持全部excel+wps等表格文件版本，不依賴excel等軟件。
9. 可刪除指定時間範圍內的數據，支持自動清理早期數據，設置最大保存記錄數。
10. 支持報警短信轉發，支持多個接收手機號碼，可設定發送間隔，好比即時發送或者6個小時發送一次全部的報警信息，短信內容過長，自動拆分多條短信。
11. 支持報警郵件轉發，支持多個接收郵箱，可設定發送間隔，好比即時發送或者6個小時發送一次全部的報警信息，支持附件發送。
12. 高報顏色+低報顏色+正常顏色+0值顏色+曲線背景+曲線顏色等，均可以自由選擇。
13. 軟件的中文標題+英文標題+logo路徑+版權全部均可以自由設置。
14. 提供開關設置開機運行+報警聲音+自動登陸+記住密碼等。
15. 報警聲音可設置播放次數，界面提供17種皮膚文件選擇。
16. 支持雲端數據同步，可設置雲端數據庫的信息，好比數據庫名稱，用戶名+密碼等。
17. 支持網絡轉發和網絡接收，網絡接收開啓後，軟件從udp接收數據進行解析。網絡轉發支持多個目標IP，這樣就實現了本地採集的軟件，自由將數據轉到客戶端，隨時查看探測器數據。
18. 自動記住用戶最後停留的界面+其餘信息，重啓後自動應用。
19. 報警自動切換到對應的地圖，探測器按鈕閃爍。
20. 雙擊探測器圖標，能夠進行回控。
21. 支持用戶權限管理，管理員+操做員兩大類，用戶登陸+用戶退出，能夠記住密碼和自動登陸，超過三次報錯提示並關閉程序。
22. 支持四種監控模式，設備面板監控+地圖監控+表格數據監控+曲線數據監控，可自由切換，四種同步應用。
23. 支持報警繼電器聯動，一個位號能夠跨串口聯動多個模塊和繼電器號，支持多對多。
24. 本地數據存儲支持sqlite+mysql，支持遠程數據同步到雲端數據庫。自動重連。
25. 本地設備採集到的數據實時上傳到雲端，以便手機APP或者web等其餘方式提取。
26. 支持兩種數據源，一種是串口和網絡經過協議採集設備數據，一種是數據庫採集。數據庫採集模式能夠做爲通用的系統使用。
27. 自帶設備模擬工具，支持16個設備數據模擬，同時還帶數據庫數據模擬，以便在沒有設備的時候測試數據。
28. 默認通訊協議採用modbus協議，後期增長mqtt等物聯網協議的支持，作成通用系統。
29. 支持全部windows操做系統+linux操做系統和其餘操做系統。

3、效果圖

4、核心代碼

#include "frmview.h"
#include "ui_frmview.h"
#include "quiwidget.h"
#include "dbhelper.h"
#include "iconfont.h"
#include "deviceserver.h"
#include "devicehelper.h"
#include "alarmlink.h"
#include "soundapi.h"
#include "deviceserver.h"

#include "frmviewdevice.h"
#include "frmviewmap.h"
#include "frmviewdata.h"
#include "frmviewplot.h"
#include "frmdevicecontrol.h"

frmView::frmView(QWidget *parent) : QWidget(parent), ui(new Ui::frmView)
{
    ui->setupUi(this);
    this->initForm();
    this->initControl();
    QTimer::singleShot(1000, this, SLOT(initServer()));
}

frmView::~frmView()
{
    delete ui;
}

void frmView::initForm()
{
    ui->navTitleTable->setText("警情消息");
    ui->navTitleTable->setLeftIcon(0xf108);
    ui->navTitleTable->setRightIcon4(0xf1f7);
    ui->navTitleTable->setRightIcon5(0xf1f8);
    ui->navTitleTree->setText("設備列表");
    ui->navTitleTree->setLeftIcon(0xf0e8);
    ui->navTitleTree->setRightIcon5(0xf021);
    ui->navTitleList->setText("地圖列表");
    ui->navTitleList->setLeftIcon(0xf0e8);
    ui->navTitleList->setRightIcon5(0xf021);
    ui->widgetLeft->setFixedWidth(App::LeftWidth);
    ui->widgetRight->setFixedWidth(App::RightWidth);

    connect(ui->navTitleTable, SIGNAL(mousePressed(int)), this, SLOT(mousePressed(int)));
    connect(AppEvent::Instance(), SIGNAL(doubleClicked(ButtonDefence *)), this, SLOT(doubleClicked(ButtonDefence *)));

    frmViewDevice *viewDevice = new frmViewDevice;
    ui->stackedWidget->addWidget(viewDevice);

    frmViewMap *viewMap = new frmViewMap;
    ui->stackedWidget->addWidget(viewMap);

    frmViewData *viewData = new frmViewData;
    ui->stackedWidget->addWidget(viewData);

    frmViewPlot *viewPlot = new frmViewPlot;
    ui->stackedWidget->addWidget(viewPlot);

    connect(this, SIGNAL(itemClicked(QString)), viewDevice, SLOT(itemClicked(QString)));
    connect(DeviceServer::Instance(), SIGNAL(receiveAlarm(QString, QString, quint8)), this, SLOT(receiveAlarm(QString, QString, quint8)));

    DeviceHelper::setTableData(viewData->getTable());
    DeviceHelper::setTableWidget(ui->tableWidget);
    DeviceHelper::setTreeWidget(ui->treeWidget);
    DeviceHelper::setListWidget(ui->listWidget);
    DeviceHelper::setPanelWidget(viewDevice->getPanleWidget());
    DeviceHelper::setLabel(viewMap->getLabel());
}

void frmView::initTree()
{
    DeviceHelper::initDeviceTree();
    DeviceHelper::initDeviceStyle();
}

void frmView::initControl()
{
    DeviceHelper::initDeviceData();
    DeviceHelper::initDeviceTable();
    DeviceHelper::initDeviceTree();
    DeviceHelper::initDeviceMap();
    DeviceHelper::initDevicePanel();
    DeviceHelper::initDeviceButton();

    if (ui->listWidget->count() > 0) {
        ui->listWidget->setCurrentRow(0);
        on_listWidget_pressed();
    }
}

void frmView::initServer()
{
    //啓動設備解析
    DeviceServer::Instance()->init();
    DeviceServer::Instance()->start();
}

void frmView::mousePressed(int index)
{
    if (index == 5) {
        //改變聲音圖標並中止報警聲音
        ui->navTitleTable->setRightIcon4(0xf1f7);
        SoundAPI::Instance()->stop();
        if (App::WorkMode == 0) {
            AlarmLink::Instance()->reset();
        }
    } else if (index == 6) {
        //清空臨時消息
        DeviceHelper::clearMsg();
    }
}

void frmView::doubleClicked(ButtonDefence *btn)
{
    if (App::CurrentUserType.contains("管理員")) {
        if (btn->getButtonStatus() == ButtonDefence::ButtonStatus_Error) {
            //雙擊重連當前端口下的全部設備
            QString portName = DBHelper::getPortName(btn->property("deviceName").toString());
            DeviceServer::Instance()->readValue(portName, 255, true);
        } else {
            //彈出詳細信息
            QString positionID = btn->property("positionID").toString();
            frmDeviceControl::Instance()->setPositionID(positionID);
            frmDeviceControl::Instance()->show();
        }
    }
}

void frmView::on_listWidget_pressed()
{
    int row = ui->listWidget->currentRow();
    if (row < 0) {
        return;
    }

    DeviceHelper::initDeviceMapCurrent(DBData::MapNames.at(row));
}

void frmView::on_treeWidget_itemPressed(QTreeWidgetItem *item, int column)
{
    if (item->parent() != 0) {
        emit itemClicked(item->text(column));
    }
}

void frmView::setIndex(int index)
{
    ui->stackedWidget->setCurrentIndex(index);
    bool visible = (index == 0 || index == 2);
    ui->widgetLeft->setVisible(!(index == 3));
    ui->widgetRight->setVisible(!(index == 3));
    ui->navTitleTree->setVisible(visible);
    ui->treeWidget->setVisible(visible);
    ui->navTitleList->setVisible(!visible);
    ui->listWidget->setVisible(!visible);
}

void frmView::receiveAlarm(const QString &deviceName, const QString &positionID, quint8 alarmType)
{
    if (alarmType == 0 || alarmType == 2) {
        ui->navTitleTable->setRightIcon4(0xf0a2);
    } else {
        ui->navTitleTable->setRightIcon4(0xf1f7);
    }
}