用QT制作聆心云数据可视化平台

已于 2023-01-10 14:45:53 修改
阅读量556 收藏 5
点赞数 2
分类专栏： 研究生作业 文章标签： 信息可视化 python qt5
于 2023-01-10 14:32:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oHongYe1234567891/article/details/128628729
版权

因为博客园越来越不好用，所以就此转战csdn。

之所以要制作这个可视化平台呢，是因为了完成【数据可视化】课程的大作业，一篇综述和聆心云平台的数据展示。

好吧，现在先来看作业要求：

各位同学好，就本课程的期末期末考试说明如下： 
本课程的期末考试不采用闭卷考试的形式，而是采用平时大作业+文献综述的形式。具体要求如下： 
1. 写一篇最新的可视化理论研究、技术研究、产品开发等方面的综述文章(成绩占比50%) 
。 
要求（1）阅读10篇左右相关中外文论文，（2）论文篇幅在5000字的（图文并茂）
2. 开发一个可视化系统(成绩占比50%）。 
利用自己比较熟悉的可视化编程工具（推荐Python，Java+ECharts或Pyecharts）等，开发一个基于“聆心云3D在线数字化沙盘游戏”的自我沙盘游戏数据的可视化系统。
要求（1）注册聆心云账号；
（2）做30个沙盘游戏，保存在个人账号里；
（3）数据的获取、整理、存储；
（4）可视化展示：要求展示不少于3种可视化形式（在所有作品使用沙具名称的词云；使用频率最高的10个沙具的使用次数的柱状图；10个最多的操作行为的占比饼图；等）
(5)撰写系统设计文档要求：a. 需求分析；b.设计规划：数据来源和获取方法，数据存取和处理形式；c.可视化作品的编码实现过程，采用什么工具，如何编码实现；d. 心得体会。 
3. 最后提交作业的形式：作业1为电子文档，作业2为可软件系统代码+设计文档和系统运行结果。 
4. 每个作业都独立完成，提交截止日期2023.2.20。

综述，前段时间放了两周疫情假，趁假期搞定了已经，而这个可视化系统，花了我将近一周的时间。

首先看最终效果：

视频效果

接下来我们来看下怎么制作的。

需求分析

根据作业需求，我们需要从聆心云数据接口爬取数据、数据持久化与读取、数据展示等几大步骤。

在数据爬取上，根据接口要求，我们需要才用http get的方式爬取数据

在数据持久化和读取上，起初我考虑的是mysql\mongo\redis等数据库，但考虑到这些方式都需要客户机上特别安装数据库并配置，不利于程序的传播，所以我决定使用文件的方式进行数据持久化。

进行数据展示的时候，我们可以使用多种语言工具进行编程，比如Python\Java+ECharts或Pyecharts等，但考虑到我个人的代码熟悉情况，我决定使用Qt进行编程。

设计规划

数据来源和获取方法

1、用户需要注册聆心云账号，并进行一定数量的沙盘游戏

2、可通过

https://lingxinyun.cn/sp/getIdByAuth?mobile=用户名&passwd=密码

获取用户所有游戏局数的步数和对应游戏ID，结果如下

​
​​[{"id":25930,"cnt":47},{"id":25933,"cnt":349},{"id":25934,"cnt":473},{"id":26308,"cnt":131},{"id":26311,"cnt":276},{"id":26318,"cnt":91},{"id":26324,"cnt":371},{"id":26909,"cnt":443},{"id":26915,"cnt":279},{"id":26940,"cnt":166},{"id":26944,"cnt":326},{"id":26945,"cnt":224},{"id":26946,"cnt":619},{"id":26972,"cnt":747},{"id":26973,"cnt":1196},{"id":27524,"cnt":1156},{"id":27525,"cnt":555},{"id":27545,"cnt":621},{"id":27569,"cnt":807},{"id":27570,"cnt":1622},{"id":27571,"cnt":737},{"id":27572,"cnt":844},{"id":27573,"cnt":907},{"id":27574,"cnt":795},{"id":27645,"cnt":398}]

​

 3、可通过

https://lingxinyun.cn/sp/getSandPlay?id=游戏ID

获取对应游戏局数的详细操作以及道具，结果如下

["创建沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","创建沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","创建沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","创建沙具(草坪)","移动沙具(草坪)","删除沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","创建沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","创建沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","移动沙具(草坪)","创建沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","缩放沙具(草坪)","移动沙具(草坪)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(草丛)","移动沙具(草丛)","创建沙具(兰)","移动沙具(兰)","创建沙具(菊)","移动沙具(菊)","创建沙具(蜜蜂)","移动沙具(蜜蜂)","缩放沙具(蜜蜂)","移动沙具(蜜蜂)","移动沙具(蜜蜂)","旋转沙具(蜜蜂)","旋转沙具(蜜蜂)","移动沙具(草坪)","移动沙具(草坪)","创建沙具(草房)","移动沙具(草房)","缩放沙具(草房)","创建沙具(女学生)","移动沙具(女学生)","移动沙具(女学生)","移动沙具(女学生)","创建沙具(母鸡)","移动沙具(母鸡)","缩放沙具(母鸡)","创建沙具(母鸡)","移动沙具(母鸡)","缩放沙具(母鸡)","旋转沙具(母鸡)","移动沙具(母鸡)","创建沙具(兔)","移动沙具(兔)","缩放沙具(兔)","旋转沙具(兔)","移动沙具(兔)","移动沙具(兔)","旋转沙具(兔)","移动沙具(兔)","移动沙具(兔)","创建沙具(苹果树)","移动沙具(苹果树)","缩放沙具(苹果树)","缩放沙具(草坪)","缩放沙具(草坪)","缩放沙具(苹果树)"]

4、进行json解析、字符串和统计操作，即可拆出所需的所有数据

数据存储与处理形式

起初我考虑的是mysql\mongo\redis等数据库，但考虑到这些方式都需要客户机上特别安装数据库并配置，不利于程序的传播，所以我决定使用文件的方式进行数据持久化。

单个文件大概如下

序列化存储和反序列化读取规则如下

序列化的时候单局数据与单局数据隔断，使用|符号，单局内ID与json隔断，使用&符号，这样反序列化的时候，可以直接使用split函数，方便的进行数据拆解

可视化作品的编程实现过程

1、总体思路：

①通过接口爬取沙盘数据，并用文件进行存储；

②使用C++对沙盘数据进行分析；

③分析结果用QT制作应用程序进行展示。

      2、作业结构：

    

      3、爬取并持久化沙盘数据

①获取所有沙盘Id并根据沙盘ID获取具体数据

void UserInfoMgr::doLogin(QString userName,QString userCryptPass)
{
    QString targetUrl = QString("https://lingxinyun.cn/sp/getIdByAuth?mobile=%1&passwd=%2").arg(userName, userCryptPass);

    m_userName = userName;
    m_userPass = userCryptPass;

    QHttpMgr::me()->httpGet(targetUrl);
}

void UserInfoMgr::onLoginSuccess(QString url, QByteArray data)
{
    // 解析参数
    auto parseRes = parseUri(url.toStdString().c_str());
    std::string absPath = std::get<0>(parseRes);
    auto paramMap = std::get<1>(parseRes);

    // 获取roleID和type
    std::string mobileNo = getParamValue(paramMap,"mobile");
    if (mobileNo != "")
    {
        if (data.length() == 0)
        {
            qInfo("数据获取失败,url:%s", url.toStdString().c_str());
            emit onAllDataLoaded(1);
            return;
        }
        QJsonDocument jsonDoc = QJsonDocument::fromJson(QString(data).toUtf8());
        if(!jsonDoc.isArray()){
            qInfo("数据解析失败,data:%s", QString(data).toStdString().c_str());
            emit onAllDataLoaded(2);
            return;
        }

        m_jsonIDArray = jsonDoc.array();
        for (int i=0;i < m_jsonIDArray.size();i ++)
        {
            QJsonObject jsonTmp = m_jsonIDArray[i].toObject();

            QString targetUrl = QString("https://lingxinyun.cn/sp/getSandPlay?id=%1").arg(jsonTmp["id"].toInt());

            QHttpMgr::me()->httpGet(targetUrl);
        }
    } else {
        std::string szId = getParamValue(paramMap,"id");
        if (szId != "")
        {
            if (data.length() == 0)
            {
                qInfo("数据获取失败,url:%s", url.toStdString().c_str());
                emit onAllDataLoaded(3);
                return;
            }
            QJsonDocument jsonDoc = QJsonDocument::fromJson(QString(data).toUtf8());
            if(!jsonDoc.isArray()){
                qInfo("数据解析失败,data:%s", QString(data).toStdString().c_str());
                emit onAllDataLoaded(4);
                return;
            }

            QJsonArray tmpArray;
            tmpArray = jsonDoc.array();

            uint32_t uID = std::stoi(szId);
            m_detailMap[uID] = tmpArray;

            size_t currentMapNum = m_detailMap.size();
            if (currentMapNum >= (uint32_t)m_jsonIDArray.size())
            {
                QString szFullFilePath = QCoreApplication::applicationDirPath() + "/" + m_userName + ".lxcloud";
                this->saveFile(szFullFilePath);
                this->doAnalyze();
                this->createWordCloudPng();
            }
        } else {
            emit onAllDataLoaded(5);
            return;
        }
    }
}

②存储沙盘数据

void UserInfoMgr::saveFile(QString filename)
{
    //用IODevice方式保存文本文件
    QFile aFile(filename);
    //aFile.setFileName(aFileName);
    if (!aFile.open(QIODevice::WriteOnly | QIODevice::Text))
    {
        QString strInfo = "写文件失败,请检查磁盘空间大小或联系开发人员。";
        qWarning(strInfo.toStdString().c_str());
        return;
    }

    for (auto it = m_detailMap.begin(); it != m_detailMap.end(); ++it)
    {
        uint32_t uID = it->first;
        QJsonArray jsonTmp = it->second;

        QJsonDocument document;
        document.setArray(jsonTmp);
        QByteArray byteArray = document.toJson(QJsonDocument::Compact);
        QString strJson = QString(byteArray);

        QString strWrite = QString("%1&%2|").arg(uID).arg(strJson);
        QByteArray  strBytes=strWrite.toUtf8();
        aFile.write(strBytes, strBytes.length());  //写入文件
    }

    aFile.close();
}

4、数据展示

这里的沙盘操作是经过了拆分的，比如"移动沙具(草丛)"会被拆分成"移动沙具"和"草丛"

为了方便做数据统计，这里另外存储了另一种格式的沙盘数据，这里存储的是完整的操作

统计沙盘数据

void UserInfoMgr::doAnalyze()
{
    for (auto it = m_detailMap.begin(); it != m_detailMap.end(); ++it)
    {
        QJsonArray jsonTmp = it->second;

        for (int i = 0; i < jsonTmp.size(); i++)
        {
            QString szTmp = jsonTmp[i].toString();

            int32_t leftBracketPos = szTmp.indexOf('(');
            QRegExp rx("[0-9\)]");
            int32_t rightBracketPos = szTmp.indexOf(rx);

            QString szOperate = szTmp.mid(0,leftBracketPos);
            QString szItem = szTmp.mid(leftBracketPos + 1,rightBracketPos - leftBracketPos - 1);
            if (leftBracketPos == -1)
            {
                szOperate = szTmp;
                szItem = "";
            }

            auto itOperate = m_operateMap.find(szOperate);
            if (itOperate != m_operateMap.end())
            {
                uint32_t currNum = itOperate->second;
                itOperate->second = currNum + 1;
            } else {
                m_operateMap[szOperate] = 1;
                m_strOperateWC = m_strOperateWC + " " + szOperate;
            }

            auto itItem = m_itemMap.find(szItem);
            if (itItem != m_itemMap.end() && szItem!="")
            {
                uint32_t currNum = itItem->second;
                itItem->second = currNum + 1;
            } else {
                m_itemMap[szItem] = 1;
                m_strItemWC = m_strItemWC + " " + szItem;
            }
        }
    }

    this->doItemMapSort();
}

沙盘数据可视化

饼图：

这里使用的技术，主要是Qt自带的QtCharts，可以很方便的制作饼图，并且根据需求，我只展示了前10种最多的操作和道具，其余的，都被我归并为了“其它”类

以下是代码：

#ifndef PIECHARTFORM_H
#define PIECHARTFORM_H

#include <QWidget>

namespace Ui {
class PieChartForm;
}

class PieChartForm : public QWidget
{
    Q_OBJECT

public:
    explicit PieChartForm(QWidget *parent = nullptr);
    ~PieChartForm();

private:
    Ui::PieChartForm *ui;
private:
    void createItemPie();
    void createOperatePie();
};

#endif // PIECHARTFORM_H


#include "PieChartform.h"
#include "ui_PieChartform.h"

#include "userInfoMgr.h"

#include "drilldownchart.h"
#include "drilldownslice.h"
#include <QtCore/QRandomGenerator>
#include <QtCharts/QChartView>
#include <QtCharts/QLegend>
#include <QtCharts/QPieSeries>

PieChartForm::PieChartForm(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::PieChartForm)
{
    ui->setupUi(this);

    createItemPie();
    createOperatePie();
}

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

void PieChartForm::createItemPie()
{
    auto& itemVec = UserInfoMgr::me()->getSortedItemVec();
    QStringList labels;
    for (auto it = itemVec.begin();it != itemVec.end();it++)
    {
        labels.push_back(it->name);
    }

    DrilldownChart *chart = new DrilldownChart();
    chart->setTheme(QChart::ChartThemeDark);
    chart->setAnimationOptions(QChart::AllAnimations);
    chart->legend()->setVisible(true);
    chart->legend()->setAlignment(Qt::AlignTop);

    QPieSeries *yearSeries = new QPieSeries();
    yearSeries->setName("道具分布图");
    yearSeries->setHoleSize(0.3);

    for (int i=0;i < labels.size();i++) {
        QString name = labels[i];
        uint32_t nNum = itemVec[i].num;

        QPieSeries *series = new QPieSeries();

        *yearSeries << new DrilldownSlice(nNum, name, series);
    }

    chart->changeSeries(yearSeries);

    QChartView *chartView = new QChartView(chart);
    chartView->setRenderHint(QPainter::Antialiasing);

    ui->verticalLayout_4->addWidget(chartView);
}

void PieChartForm::createOperatePie()
{
    auto& operateMap = UserInfoMgr::me()->getOperateMap();
    QStringList labels;
    for (auto it = operateMap.begin();it != operateMap.end();it++)
    {
        labels.push_back(it->first);
    }

    DrilldownChart *chart = new DrilldownChart();
    chart->setTheme(QChart::ChartThemeLight);
    chart->setAnimationOptions(QChart::AllAnimations);
    chart->legend()->setVisible(true);
    chart->legend()->setAlignment(Qt::AlignTop);

    QPieSeries *yearSeries = new QPieSeries();
    yearSeries->setName("操作分布图");

    for (const QString &name : labels) {
        QPieSeries *series = new QPieSeries();

        *yearSeries << new DrilldownSlice(operateMap[name], name, series);
    }

    chart->changeSeries(yearSeries);

    QChartView *chartView = new QChartView(chart);
    chartView->setRenderHint(QPainter::Antialiasing);

    ui->verticalLayout_3->addWidget(chartView);
}

以下是实际效果：

 

柱状图

考虑到Qt自带的QtCharts在柱状图方面，表现不如第三方插件好用，所以我才用了第三方插件QCustomPlot来制作。

以下是代码：

#ifndef BARCHARTFORM_H
#define BARCHARTFORM_H

#include <QWidget>

namespace Ui {
class BarChartForm;
}

class BarChartForm : public QWidget
{
    Q_OBJECT

public:
    explicit BarChartForm(QWidget *parent = nullptr);
    ~BarChartForm();

private:
    Ui::BarChartForm *ui;
private:
    void generateOpChart();
    void generateItemChart();
};

#endif // BARCHARTFORM_H


#include "BarChartForm.h"
#include "ui_BarChartForm.h"

#include "userInfoMgr.h"

#include "qcustomplot.h"

BarChartForm::BarChartForm(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::BarChartForm)
{
    ui->setupUi(this);

    generateOpChart();
    generateItemChart();
}

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

void BarChartForm::generateOpChart()
{
    uint32_t maxOpNum = 0;

    auto& operateMap = UserInfoMgr::me()->getOperateMap();

    QCPAxis *keyAxis = ui->widgetOperate->xAxis;
    QCPAxis *valueAxis = ui->widgetOperate->yAxis;
    QCPBars *fossil = new QCPBars(keyAxis, valueAxis);  // 使用xAxis作为柱状图的key轴，yAxis作为value轴

    fossil->setAntialiased(false); // 为了更好的边框效果，关闭抗齿锯
    fossil->setName("Fossil fuels"); // 设置柱状图的名字，可在图例中显示
    fossil->setPen(QPen(QColor(0, 168, 140).lighter(130))); // 设置柱状图的边框颜色
    fossil->setBrush(QColor(0, 168, 140));  // 设置柱状图的画刷颜色

    // 为柱状图设置一个文字类型的key轴，ticks决定了轴的范围，而labels决定了轴的刻度文字的显示
    QVector<double> ticks;
    QVector<QString> labels;

    uint32_t index = 1;
    for (auto it = operateMap.begin();it != operateMap.end();it++)
    {
        labels.push_back(it->first);

        maxOpNum = it->second > maxOpNum ? it->second : maxOpNum;
        ticks << index;
        index++;
    }
    maxOpNum *= 1.1;

    QSharedPointer<QCPAxisTickerText> textTicker(new QCPAxisTickerText);
    textTicker->addTicks(ticks, labels);

    keyAxis->setTicker(textTicker);        // 设置为文字轴

    keyAxis->setTickLabelRotation(60);     // 轴刻度文字旋转60度
    keyAxis->setSubTicks(false);           // 不显示子刻度
    keyAxis->setTickLength(0, 4);          // 轴内外刻度的长度分别是0,4,也就是轴内的刻度线不显示
    keyAxis->setRange(0, ticks.size()+1);               // 设置范围
    keyAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);

    valueAxis->setRange(0, maxOpNum);
    valueAxis->setPadding(35);             // 轴的内边距，可以到QCustomPlot之开始（一）看图解
    valueAxis->setLabel("操作柱状图");
    valueAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);
    QVector<double> fossilData;
    for (int i=0; i<labels.size(); i++) {
        QString name = labels[i];

        fossilData << operateMap[name];
    }
    fossil->setData(ticks, fossilData);
}

void BarChartForm::generateItemChart()
{
    uint32_t maxOpNum = 0;

    auto& itemVec = UserInfoMgr::me()->getSortedItemVec();

    QCPAxis *keyAxis = ui->widgetItem->yAxis;
    QCPAxis *valueAxis = ui->widgetItem->xAxis;
    QCPBars *fossil = new QCPBars(keyAxis, valueAxis);  // 使用xAxis作为柱状图的key轴，yAxis作为value轴

    fossil->setAntialiased(false); // 为了更好的边框效果，关闭抗齿锯
    fossil->setName("Fossil fuels"); // 设置柱状图的名字，可在图例中显示
    fossil->setPen(QPen(QColor(0, 168, 140).lighter(130))); // 设置柱状图的边框颜色
    fossil->setBrush(QColor(0, 168, 140));  // 设置柱状图的画刷颜色

    // 为柱状图设置一个文字类型的key轴，ticks决定了轴的范围，而labels决定了轴的刻度文字的显示
    QVector<double> ticks;
    QVector<QString> labels;

    uint32_t index = 1;
    for (auto it = itemVec.begin();it != itemVec.end();it++)
    {
        labels.push_back(it->name);

        maxOpNum = it->num > maxOpNum ? it->num : maxOpNum;
        ticks << index;
        index++;
    }
    maxOpNum *= 1.1;

    QSharedPointer<QCPAxisTickerText> textTicker(new QCPAxisTickerText);
    textTicker->addTicks(ticks, labels);

    keyAxis->setTicker(textTicker);        // 设置为文字轴

    keyAxis->setTickLabelRotation(60);     // 轴刻度文字旋转60度
    keyAxis->setSubTicks(false);           // 不显示子刻度
    keyAxis->setTickLength(0, 4);          // 轴内外刻度的长度分别是0,4,也就是轴内的刻度线不显示
    keyAxis->setRange(0, ticks.size()+1);               // 设置范围
    keyAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);

    valueAxis->setRange(0, maxOpNum);
    valueAxis->setPadding(35);             // 轴的内边距，可以到QCustomPlot之开始（一）看图解
    valueAxis->setLabel("操作柱状图");
    valueAxis->setUpperEnding(QCPLineEnding::esSpikeArrow);
    QVector<double> fossilData;
    for (int i=0; i<labels.size(); i++) {
        QString name = labels[i];

        fossilData << itemVec[i].num;
    }
    fossil->setData(ticks, fossilData);
}

以下是效果：

 

词云

词云这里最开始我曾考虑过使用opencv上手硬写，但是几经尝试，虽然我做出来了，但是效果在颜色和形状上有点不尽人意，于是决定直接使用python自带的wordcloud库。

QT本身是支持C++和python的混合编程的，所以将python文件导入qt，直接代码中调用即可。

以下是对应的Python文件

# This Python file uses the following encoding: utf-8

# if __name__ == "__main__":
#     pass
import imageio
import wordcloud as wc

def generateWordcloud(words_list, back_img_path, file_path): #根据文本文件生成词云
    background_image=imageio.imread(back_img_path)  #读取背景图片
    w=wc.WordCloud(background_color='white',# 设置背景颜色
                   font_path = './fonts/simfang.ttf',# 设置字体
                   mask=background_image # 设置背景图片
                   )
    w.generate(words_list)    #生成词云
    w.to_file(file_path) # 生成图片
    print("生成词云成功！")
    return back_img_path

# generateWordcloud("挖沙子 创建沙具 移动沙具 缩放沙具 移动沙具 缩放沙具 移动沙具 创建沙具 移动沙具 缩放沙具 删除沙具 挖沙子 创建沙具 移动沙具 创建沙具 移动沙具 创建沙具 移动沙具 创建沙具 移动沙具 创建沙具 移动沙具 删除沙具 删除沙具 删除沙具 删除沙具 删除沙具 创建沙具 移动沙具 缩放沙具 创建沙具 移动沙具 创建沙具 移动沙具 创建沙具 移动沙具 创建沙具 移动沙具 创建沙具 移动沙具 创建沙具 移动沙具 删除沙具 缩放沙具 缩放沙具 旋转沙具 移动沙具 创建沙具 移动沙具 缩放沙具 创建沙具 移动沙具 创建沙具 移动沙具 创建沙具 移动沙具", "./images/shoucang.png", "D:/work/build-LingXinCloud-Desktop_Qt_5_15_2_MinGW_64_bit-Debug/debug/wc_operate.png")

以下是效果：

 

其它功能 

登陆

这里将用户输入的用户名密码记录，用于填入接口取数据。

至于记录用户名这个小功能，则是通过注册表存取实现的。

void LoginDialog::readLocalData()
{
    QSettings settings(BMI_GROUP_NAME,BMI_PROJECT_NAME);

    m_isSaved = settings.value(LOCAL_DATA_IS_SAVED,0).toInt();
    m_user = settings.value(LOCAL_DATA_USER_NAME,"").toString();
    m_password = settings.value(LOCAL_DATA_USER_PASS,"").toString();

    if (m_isSaved > 0) {
        ui->lineEditUserName->setText(m_user);
    }
    if (m_isSaved > 0) {
        ui->checkBoxRemberPass->setChecked(true);
    }
}

void LoginDialog::writeLocalData()
{
    QSettings settings(BMI_GROUP_NAME,BMI_PROJECT_NAME);
    settings.setValue(LOCAL_DATA_USER_NAME,m_user);
    // password need to crypt
    settings.setValue(LOCAL_DATA_USER_PASS,m_password);
    settings.setValue(LOCAL_DATA_IS_SAVED,m_isSaved);
}

 关于聆心云

一个QMessageBox搞定

void MainWindow::on_action_BMI_triggered()
{
    QMessageBox::about(this, tr("关于聆心云"),
                       tr("<b>聆心云心理健康平台</b>是由山东大学、山东中医药大学、齐鲁师范学院等多家高校联合开发的一款沙盘游戏,"
                          "我们致力于通过构建沙游世界，映射内心镜像，释放青少年无限潜能，共同创作美好未来。"
                            ));
}

 

最后放出程序的下载链接

下载链接

红夜
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
Qt基础练习，QGraphics制作可视化链表
08-25
Qt基础练习，QGraphics制作可视化链表
C++实现毕业设计大作业基于Qt的疫情实时数据可视化显示项目源码.zip
06-13
C++实现毕业设计大作业基于Qt的疫情实时数据可视化显示项目源码 ，完美代码注释，难度适中，新手也可实操。 主要包括新型冠状病毒肺炎疫情数据实时查看，确诊/疑似/治愈/死亡数据趋势折线图，各省市和海外数据树形显示，最新动态和辟谣信息显示等，数据源来自腾讯新闻接口。 C++实现毕业设计大作业基于Qt的疫情实时数据可视化显示项目源码 ，完美代码注释，难度适中，新手也可实操。 主要包括新型冠状病毒肺炎疫情数据实时查看，确诊/疑似/治愈/死亡数据趋势折线图，各省市和海外数据树形显示，最新动态和辟谣信息显示等，数据源来自腾讯新闻接口。 C++实现毕业设计大作业基于Qt的疫情实时数据可视化显示项目源码 ，完美代码注释，难度适中，新手也可实操。 主要包括新型冠状病毒肺炎疫情数据实时查看，确诊/疑似/治愈/死亡数据趋势折线图，各省市和海外数据树形显示，最新动态和辟谣信息显示等，数据源来自腾讯新闻接口。
Qt数据可视化大屏电子看板
12-29
QT可视化大屏看板，已经编译成功，可以直接运行
数据结构课设排序算法的可视化演示（QT+C++）
12-06
排序数据随机产生，针对随机案例，对冒泡排序、箱子排序、堆排序、归并算法，提供排序执行过程的动态图形演示。
qt可视化数据展板_Qt数据可视化：Qt Data Visualization 与 Qt Charts 简介
weixin_39578197的博客
12-21 925
Qt 最近开放了不少商业许可的模块，吸纳Qt Data Visualization 与 Qt Charts 模块无疑是为了在数据可视化方面弥补框架的不足。Qt ChartsQt Charts 在Qt4时代就有了，不过一直以来是商业许可的。从5.7.0开始，Qt Charts 也纳入了开放许可证。这个Qt Charts 总体还是不错的，虽然和JS的前端库的灵活程度相比，仍然显得逊色，但对于开发重工工...
基于Qt开发的本地数据库管理系统
11-25
使用Qt开发的本地数据库管理系统，有登录页面和数据管理页面，支持Qt自带驱动的几款数据库，避免使用cmd进行登录数据管理，实现数据库可视化管理。本代码在Qt5.7下编译，win7系统下运行无错误。
使用python生成词云——聆心云心理健康服务平台数据可视分析和可视化
lixinghui2016的博客
05-19 1016
实验题目：聆心云心理健康服务平台数据可视分析和可视化 实验目的和要求：统计出在聆心云平台做沙盘游戏的次数、根据各次沙盘游戏所使用的沙具和进行的操作数据进行词云可视化，掌握Python词云制作方法 实验步骤： 1.定义函数getUserInfo()，获取用户输入的聆心云平台用户名和密码 def getUserInfo(): #获取用户输入（聆心云平台用户名和密码） userInfo={} userInfo['mobile']=input("请输入聆心云用户名（注册账号的手机号码）：.
C/C++ Qt 数据库与Chart实现历史数据展示
CSDN
12-11 5367
在前面的博文中具体介绍了QChart组件是如何绘制各种通用的二维图形的，本章内容将继续延申一个新的知识点，通过数据库存储某一段时间节点数据的走向，当用户通过编辑框提交查询记录时，程序自动过滤出该时间节点下所有的数据，并将该数据动态绘制到图形组件内，实现动态查询图形的功能。接着编写一个模拟插入数据的案例，该案例每一秒向数据库内插入一条记录，我们运行一段时间。如果我们需要查询某一个时间节点下的数据，例如查询。运行插入程序，统计一段时间 从。首先通过如下代码，创建。
（二）QT5.14.2连接MySQL并使用QtableView显示数据表内容
XCJandLL的博客
07-12 8058
本文主要讲述了Qt下MySQL数据库的连接及对MySQL数据库进行操作的基本命令，并使用QTableView控件结合QSqlTableModel显示相应数据表的内容。
QT中TableView数据展示
qq_61075376的博客
03-05 3478
QT中TableView数据展示
聆心云数据可视化操作系统
01-10
研究生大作业，聆心云数据可视化的作业
基于Python语言的PUBG游戏数据可视化分析系统
巴黎旧夢的博客
05-18 3695
[success]写于2019年大作业[/success] 博客链接：https://www.iamzlt.com/?p=299 代码链接请到博客链接内查看。 摘要 随着网络技术的兴起和普及，网络游戏产业异军突起，成为全球重要的文化产业之一。本文以PUBG游戏为例，基于Python语言通过爬取直播平台和论坛数据，实现对其流量和评价的抓取与分析，并通过大数据对局内数据进行统计与分析，探究PUBG游戏的玩法与攻略。系统基于Python语言，使用requests、pandas、matplotlib、worldcl
基于JAVA的数据可视化分析平台，自由制作任何您想要的数据看板，支持接入SQL、CSV、Excel、HTTP接口、JSON等
Python代码大全
01-03 1405
数据分析底层模块，定义数据集、图表、看板API数据库连接支持模块，定义可从指定目录加载JDBC驱动、新建连接的API数据导入/导出底层模块，定义导入/导出指定数据源数据的API系统业务服务模块，定义数据源、数据分析等功能的服务层API数据源元信息底层模块，定义解析指定数据源表结构的API数据源数据管理底层模块，定义读取、编辑、查询数据源表数据的API系统常用工具集模块系统web模块，定义web控制器、操作页面。
Qt实现文件管理器
future_ai的博客
03-25 8469
Windows的资源管理器，大家很熟悉吧，可以放回上一级，查找到下一级………Qt中QDir类可以实现显示文件系统目录的效果。 笔者的机器环境：Windows8.1 //fileview_widget.h #ifndef FILEVIEWWIDGET_H #define FILEVIEWWIDGET_H #include <QWidget> #include...
爬虫项目可视化 centos7+python+echarts+flask
dengliming123的博客
05-02 1473
flask框架+echarts+mysql+centos7 根据 hxxjxw 原博客 实现与改进 疫情项目 项目完整代代码github上面自行下载 完整代码 数据接口 腾讯新闻疫情接口: https://view.inews.qq.com/g2/getOnsInfo?name=disease_h5 https://view.inews.qq.com/g2/getOnsInfo?name=dise...
推荐系统的可视化分析：用户行为数据可视化与洞察
禅与计算机程序设计艺术
12-31 852
1.背景介绍 推荐系统是现代网络企业最核心的技术之一，它涉及到许多领域，如信息检索、数据挖掘、人工智能等。推荐系统的目的是根据用户的历史行为、兴趣和喜好等信息，为用户推荐相关的物品、服务或信息。随着数据量的增加，如何有效地分析和可视化用户行为数据成为了推荐系统的关键技术之一。 在本文中，我们将讨论推荐系统的可视化分析，包括用户行为数据的可视化与洞察，以及如何利用可视化分析来提高推荐系统的性能。...
Qt数据展示控件
雨田哥的博客
09-06 3530
文章目录Qt控件数据展示（一）、控件介绍（二）、效果图核心代码Qt交流群结尾 Qt控件数据展示 （一）、控件介绍 1.效果图来源于网络 2.数据展示 3.适配屏幕 4.自定义颜色配置 （二）、效果图 核心代码 #include <QTextDocument> #include <QAbstractTextDocumentLayout> #include <QPa...
QT+MQTT+ONENET云平台
qq_51214753的博客
03-21 1020
QT+MQTT+ONENET云平台
使用 qt 在 windows 下开发云盘软件
weixin_42612804的博客
02-15 226
在 Windows 下使用 Qt 开发云盘软件需要您先安装 Qt 开发环境，然后进行如下步骤： 创建一个新的 Qt 工程。 在工程中添加必要的界面元素，包括登录界面、文件列表界面、上传/下载文件界面等。 使用 Qt 的网络模块与云盘服务器进行通信，实现文件的上传、下载、删除、查看等功能。 将所有功能整合到一起，完成云盘软件的开发。 注意：在开发云盘软件时，您还需要了解云盘服务器的 API 接口...
qt creator qt6.2.2
最新发布
01-13
Qt Creator是一个跨平台的集成开发环境（IDE），用于开发Qt应用程序。它提供了代码编辑、调试、编译和部署的功能，是一个非常强大且易于使用的工具。 最新版本的Qt Creator是Qt6.2.2，它带来了许多新的功能和改进。首先，它支持Qt 6.2.2版本，这意味着开发者可以使用最新的Qt框架来开发他们的应用程序。此外，Qt Creator 6.2.2还增强了对CMake项目的支持，使得开发者能够更轻松地使用CMake构建他们的项目。 另一个重要的改进是对QML的支持。Qt Creator 6.2.2为QML开发者提供了更强大的工具，使他们可以更容易地编写和调试QML代码。此外，Qt Creator 6.2.2还改进了对嵌入式开发的支持，包括对Android和iOS的支持。 除此之外，Qt Creator 6.2.2还改进了用户界面和性能，使得开发者可以更高效地使用这个工具来开发他们的应用程序。总的来说，Qt Creator 6.2.2是一个非常强大且实用的IDE，它为开发者提供了丰富的工具和功能，帮助他们更容易地开发高质量的Qt应用程序。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值