【QT项目】QT项目综合练习之简易计数器(QT6+文件存储)

简介: 【QT项目】QT项目综合练习之简易计数器(QT6+文件存储)

目录

一.项目背景

二.工程记录

1.建立工程

2.UI设计

3.事件触发

1.数据初始化

2."+1"功能

3."清除"功能

4.存储功能

三.代码总览

四.打包程序

五.总结


一.项目背景

       由于最近准备入驻阿里云的论坛,但是入驻有硬性条件发文60篇,恰巧学习了一点QT,同时学校双选会里的招聘给我我很大动力,于是决定继续深入学习QT。此篇文章用来记录我独立做的第一个QT窗口应用。 image.gif 编辑

       设想是这个窗口应用,在我发一篇帖子后 点击一下对文章篇数进行+1记录,然后还能显示距离入驻还差多少篇,同时把数据存放在本地或者云端,当关闭窗口时数据不丢失。

二.工程记录

1.建立工程

配置详情:

image.gif 编辑

image.gif 编辑

image.gif 编辑

image.gif 编辑

2.UI设计

双击ui文件进入设计界面

image.gif 编辑

分别拖入控件:

两个按钮pushButton:“+1”,“清除”

四个标签Label:“阿里云文...”,“距离...”,“TextLabel”,“TextLabel”

image.gif 编辑

 既然要实现触发“+1”,那么就使用普通按钮来触发,最好还设置一个“清除”按钮能够清除数据。 image.gif 编辑 image.gif 编辑

这里我们可以先对这两个按钮改一下变量名objectName方便记忆,这个是“+1”的名称。 image.gif 编辑

然后对标签进行设置,其中我们只需要设置后面两个数据标签即可,改为好记忆的变量名。

image.gif 编辑

image.gif 编辑

image.gif 编辑

3.事件触发

1.数据初始化

       我们这个项目中只有两个数据需要处理,就是那两个数据标签。其中一个要设置为0,另一个则可设置为总目标60。

       找到mainwindow.cpp文件里MainWindow::MainWindow(QWidget *parent)函数,这个是整个主窗口的构造函数,即在窗口打开时会进行加载初始化的函数。

       我们在这个函数中添加对数据的初始化,将上面一个数据标签初始化为0,下面一个初始化为60。为了规范化,现在头文件下面的区域定义一个宏:

#define Target_article 60

image.gif

       向构造函数MainWindow中定义一个变量初始化为0:

QString TotalValueNow = "0";

image.gif

       然后进行初始化:

//设置Label初始值为0
ui->label_total->setText(TotalValueNow);
//初始值为Target_article
ui->label_difference->setText(QString::number(Target_article - TotalValueNow.toInt()));

image.gif

2."+1"功能

单击+1按钮,右键转到槽

        image.gif 编辑

        image.gif 编辑

选择clicked()函数。

于是在mainwindow.cpp文件中会自动生成一个槽函数on_pushButton_add_clicked()。这个槽函数会在接收到点击信号后触发。于是我们可以在每次点击后对数据进行+1

void MainWindow::on_pushButton_add_clicked()
{
    int clicked_ButtonValue = ui->label_total->text().toInt();//读取标签中的数据存到变量里
    clicked_ButtonValue ++;//数据+1
    ui->label_total->setText(QString::number(clicked_ButtonValue));//设置总数标签文本
    ui->label_difference->setText(QString::number(Target_article - clicked_ButtonValue));//设置差值标签文本
}

image.gif

3."清除"功能

       同样找到点击槽函数,写入清零功能,同时差值也要恢复到60。

void MainWindow::on_pushButton_clicked()
{
    ui->label_total->setText(QString::number(0));
    ui->label_difference->setText(QString::number(Target_article - 0));
}

image.gif


基础功能完成,这是进行编译后,点击+1可以对上面的总数进行加一,点击清楚后又会恢复到原始状态。

image.gif 编辑


4.存储功能

       存储功能可以选择进行本地存储,云存储,数据库存储等等...由于我们这个是个小练习,于是选择最简单的本地存储。这里的构想就是在本地同目录下创建一个Counter.txt的文件对文章总数进行保存;在每次打开应用时对该目录下的文件内容进行读取,将读取到的值赋值到标签中,当关闭应用时,将标签中的总数读取出来然后保存到文件中。这样就可以实现本地数据存储了。

       既然选择了文件操作的方式,我们要声明一个全局变量保存文件的路径,这里使用的是相对路径,即该exe文件同目录下。

//定义文件路径;该文件只储存total数
QString path = "counter.txt";//相对路径
// QString path = "D:/QT/QT_Code/Counter/Counter/counter.txt";//绝对路径

image.gif

       在构造函数中写入打开应用时对文件的操作流程:

  • 判断文件是否存在
  • 存在:
  • 加载该文件,判断文件是否有内容:
  • 有内容:读取文件内容并赋值
  • 无内容:读取总数并向文件写入内容
  • 不存在:
  • 创建并加载文件,向文件中写内容
//判断文件是否存在
    QFileInfo fileInfo(path);
    if (fileInfo.exists() && fileInfo.isFile()) {
        // 文件存在
        QFile file(path);//加载该文件
        if(file.open(QIODevice::ReadWrite))//可读可写方式打开
        {
            if(file.size() > 0)//文件有内容
            {
                QTextStream in(&file);//创建对象in并以file为其数据源
                TotalValueNow = in.readAll();//读文件内容
            }
            else//文件无内容
            {
                file.write(TotalValueNow.toUtf8());//写入数据
            }
        }
        file.close();
    }
    else
    {
        // 文件不存在
        QFile file(path);//创建并加载文件
        file.write(TotalValueNow.toUtf8());//写文件
        file.close();
    }

image.gif

       在析构函数中写入当窗口应用关闭时的操作:

QString value = ui->label_total->text();//读取总数数据
QFile file(path);//加载文件
file.open(QIODevice::WriteOnly);//只写方式打开文件
file.write(value.toUtf8());//写入数据
file.close();//关闭文件

image.gif

       编译成功!!!

三.代码总览

所有代码都在mainwindow.cpp中:

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include "QFileInfo"
#define Target_article 60
//定义文件路径;该文件只储存total数
QString path = "counter.txt";//相对路径
// QString path = "D:/QT/QT_Code/Counter/Counter/counter.txt";//绝对路径
MainWindow::MainWindow(QWidget *parent)
    : QMainWindow(parent)
    , ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    QString TotalValueNow = "0";
    //判断文件是否存在
    QFileInfo fileInfo(path);
    if (fileInfo.exists() && fileInfo.isFile()) {
        // 文件存在
        QFile file(path);//加载该文件
        if(file.open(QIODevice::ReadWrite))//可读可写方式打开
        {
            if(file.size() > 0)//文件有内容
            {
                QTextStream in(&file);//创建对象in并以file为其数据源
                TotalValueNow = in.readAll();//读文件内容
            }
            else//文件无内容
            {
                file.write(TotalValueNow.toUtf8());//写入数据
            }
        }
        file.close();
    }
    else
    {
        // 文件不存在
        QFile file(path);//创建并加载文件
        file.write(TotalValueNow.toUtf8());//写文件
        file.close();
    }
    //设置Label初始值为0
    ui->label_total->setText(TotalValueNow);
    //初始值为Target_article
    ui->label_difference->setText(QString::number(Target_article - TotalValueNow.toInt()));
}
MainWindow::~MainWindow()
{
    QString value = ui->label_total->text();//读取总数数据
    QFile file(path);//加载文件
    file.open(QIODevice::WriteOnly);//只写方式打开文件
    file.write(value.toUtf8());//写入数据
    file.close();//关闭文件
    delete ui;
}
void MainWindow::on_pushButton_add_clicked()
{
    int clicked_ButtonValue = ui->label_total->text().toInt();//读取标签中的数据存到变量里
    clicked_ButtonValue ++;//数据+1
    ui->label_total->setText(QString::number(clicked_ButtonValue));//设置总数标签文本
    ui->label_difference->setText(QString::number(Target_article - clicked_ButtonValue));//设置差值标签文本
}
void MainWindow::on_pushButton_clicked()
{
    ui->label_total->setText(QString::number(0));
    ui->label_difference->setText(QString::number(Target_article - 0));
}

image.gif

四.打包程序

将下方的编译选项调整为Release模式,编译运行:

image.gif 编辑

               于是在对应项目文件夹路径->build->Desktop_Qt_6_7_2_MSVC2019_64bit-Release->release路径下就会出现一个exe可执行文件,将文件复制出来即可使用。

       放到一个空文件夹中,可见空文件夹除了这个可执行文件外没有任何文件了:

image.gif 编辑

QT简易计数器

image.gif

五.总结

       这是笔者第一次独立进行QT窗口开发,比较简陋,望大家海涵。

相关文章
|
2月前
【QT速成】QT速成练习之简易计数器(二)
【QT速成】QT速成练习之简易计数器(二)
|
2月前
【QT速成】QT速成练习之简易计数器(一)
【QT速成】QT速成练习之简易计数器(一)
|
28天前
|
XML 数据可视化 C语言
001 Qt_从零开始创建项目
本文是Qt专栏的第一篇,介绍了如何创建一个Qt项目。
69 4
|
2月前
|
存储 SQL 数据库连接
【QT速成】半小时入门QT6之QT前置知识扫盲(二)
【QT速成】半小时入门QT6之QT前置知识扫盲(二)
100 13
|
2月前
|
存储 SQL 数据库连接
【QT速成】半小时入门QT6之QT前置知识扫盲(二)
【QT速成】半小时入门QT6之QT前置知识扫盲(二)
|
2月前
|
数据可视化 编译器 API
【QT速成】半小时入门QT6之QT前置知识扫盲(一)
【QT速成】半小时入门QT6之QT前置知识扫盲(一)
115 2
|
2月前
|
存储 数据库
【QT速成】QT速成练习之简易计数器(三)
【QT速成】QT速成练习之简易计数器(三)

推荐镜像

更多