QT上位机开发（会员管理软件）

【 声明：版权所有，欢迎转载，请勿用于商业用途。 联系信箱：feixiaoxing @163.com】

前面我们学习了ini文件的解析办法，通过QSettings类就可以很轻松地访问ini文件里面的数据。除了ini文件之外，另外一种经常出现的文件格式其实是json格式。一般来说，如果读写的数据不是很多，那么完全可以用json文件替换成数据库，实现数据的保存和加载工作。今天，我们通过编写一个会员管理软件的办法，正好学习下qt下面如何进行json数据的处理。当然，还可以借助这个小项目，多了解一下qt下面不同控件的用法和写法。

1、设计界面

如果界面上的控件比较少，可以直接用c++语言编写，没有问题。但是如果控件比较多的话，那么建议还是用designer来进行设计。本次编写的会员管理软件，控件的数量稍微有点多，正好可以借这个机会把designer练一练。

练习的过程当中，我们也发现，部分控件存在着排列层次的关系。比如左侧的operation，如果是后面加上去的，没有把它放到单选框、标签、输入框的最下面，那么生成窗口之后，其实不管是radioButton、还是textBox，都是没有办法进行输入的。这一点可能需要稍微注意下。另外，整个界面是删除菜单栏、工具栏和状态栏的。

2、QtWidgetsApplication.h头文件

头文件中需要注意的部分，主要就是各个控件的回调函数。这里面有radioButton的回调函数、按钮的回调函数。其中radioButton虽然是4个，但是可以看成是一组，这样可以少写3个回调函数，编写上面比较方便一点。当然，除了界面之外，关联的业务数据也要根据实际情况及时添加上。

#pragma once

#include <string>
#include <vector>
using namespace std;

#include <QtWidgets/QMainWindow>
#include "ui_QtWidgetsApplication.h"

class QtWidgetsApplication : public QMainWindow
{
    Q_OBJECT

public:
    QtWidgetsApplication(QWidget *parent = nullptr);
    ~QtWidgetsApplication();

private:
    Ui::QtWidgetsApplicationClass ui;
	int mode_;
	int max_number_;
	vector<int> id_array_;
	vector<string> name_array_;

private:
	int findDataById(int id);
	void updateData();
	void loadFile();

private:
	void onRadioButtonToggled(bool checked);
	void onOkClicked();
	void onCancelClicked();
	void onSaveClicked();

};

3、QtWidgetsApplication.cpp文件设计

到目前为止，这个cpp文件算得上是目前qt项目代码行数最多的文件，主要也是因为功能要求比较多。首先，它包含了基本的构造函数和析构函数。构造函数里面最主要的部分，就是把控件和它的回调函数关联在一起。其次，代码中涉及到json数据的加载和保存。和c# wpf不同，qt本身有相关的类来处理这些数据。最后，就是业务逻辑。业务逻辑一般比较复杂、麻烦一点，编写之前最好想清楚，比如插入数据的时候是不是需要检查一下是不是有同名id，删除的时候是不是考虑存在找不到的情况。crud的处理方式虽然比较简单，但是涉及到业务层面，还是要想清楚、搞明白，中间出错都没有关系，但是可以通过这个crud来提高自己的业务分析能力，也是不错的一种方式。

另外，因为测试的时候涉及到了data.json文件，这部分大家可以先参考这个模板。将来使用的话，可以在这个模板之上进一步去拓展和延申，

{
    "count": 6,
    "items": [
        {
            "ID": 1,
            "NAME": "abcde"
        },
        {
            "ID": 2,
            "NAME": "bbb"
        },
        {
            "ID": 3,
            "NAME": "ccc"
        },
        {
            "ID": 5,
            "NAME": "ddd"
        },
        {
            "ID": 6,
            "NAME": "eee"
        },
        {
            "ID": 4,
            "NAME": "fff"
        }
    ]
}

和ini文件一样，这个json文件也需要保存在h文件、cpp文件目录下面。最后，还是给出完整的cpp代码，虽然内容多了一点，但还是比较有借鉴意义的，可以耐心地去看一看、分析下。

#include <QDebug>
#include <QFile>
#include <QJsonDocument>
#include <QJsonObject>
#include <QJsonValue>
#include <QJsonArray>
#include <QMessageBox>
#include "QtWidgetsApplication.h"

QtWidgetsApplication::QtWidgetsApplication(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);

	mode_ = 1; // add
	max_number_ = 100; // maximum number is 100
	ui.radioButton1->setChecked(true); // first radio button is checked right now

	loadFile(); // load data from json file

	connect(ui.radioButton1, &QRadioButton::toggled, this, &QtWidgetsApplication::onRadioButtonToggled);
	connect(ui.radioButton2, &QRadioButton::toggled, this, &QtWidgetsApplication::onRadioButtonToggled);
	connect(ui.radioButton3, &QRadioButton::toggled, this, &QtWidgetsApplication::onRadioButtonToggled);
	connect(ui.radioButton4, &QRadioButton::toggled, this, &QtWidgetsApplication::onRadioButtonToggled);

	connect(ui.pushButton1, &QPushButton::clicked, this, &QtWidgetsApplication::onOkClicked);
	connect(ui.pushButton2, &QPushButton::clicked, this, &QtWidgetsApplication::onCancelClicked);
	connect(ui.pushButton3, &QPushButton::clicked, this, &QtWidgetsApplication::onSaveClicked);

	updateData();
}


QtWidgetsApplication::~QtWidgetsApplication()
{}

void QtWidgetsApplication::onRadioButtonToggled(bool checked) 
{
	if (checked) 
	{
		if (sender() == ui.radioButton1)
		{
			mode_ = 1;
			ui.lineEdit2->setEnabled(true);
		}
		else if (sender() == ui.radioButton2)
		{
			mode_ = 2;
			ui.lineEdit2->setEnabled(false);
		}
		else if (sender() == ui.radioButton3)
		{
			mode_ = 3;
			ui.lineEdit2->setEnabled(true);
		}
		else if (sender() == ui.radioButton4)
		{
			mode_ = 4;
			ui.lineEdit2->setEnabled(false);
		}
		else
		{
			qDebug() << "Unknown option was selected";
		}
	}
}

void QtWidgetsApplication::onOkClicked()
{
	int id;
	string name;
	int pos;
	bool conversionOK;

	switch (mode_)
	{
	case 1: //add
		if (ui.lineEdit1->text() == "")
		{
			QMessageBox::information(nullptr, "Tips", "Id is empty!");
			return;
		}

		if (ui.lineEdit2->text() == "")
		{
			QMessageBox::information(nullptr, "Tips", "Name is empty!");
			return;
		}

		if (id_array_.size() >= max_number_)
		{
			QMessageBox::information(nullptr, "Tips", "Buffer is full!");
			return;
		}

		id = ui.lineEdit1->text().toInt(&conversionOK);
		if (findDataById(id) != -1)
		{
			QMessageBox::information(nullptr, "Tips", "Id already existed!");
			return;
		}
		name = ui.lineEdit2->text().toStdString();
		
		id_array_.push_back(id);
		name_array_.push_back(name);

		QMessageBox::information(nullptr, "Tips", "Successfully add data!");
		updateData();

		ui.lineEdit1->setText("");
		ui.lineEdit2->setText("");
		break;

	case 2://del
		if (ui.lineEdit1->text() == "")
		{
			QMessageBox::information(nullptr, "Tips", "Id is empty!");
			return;
		}

		id = ui.lineEdit1->text().toInt(&conversionOK);
		pos = findDataById(id);
		if(pos == -1)
		{
			QMessageBox::information(nullptr, "Tips", "Specified Id does not existed!");
			return;
		}

		id_array_.erase(id_array_.begin() + pos);
		name_array_.erase(name_array_.begin() + pos);

		QMessageBox::information(nullptr, "Tips", "Successfully del data!");
		updateData();

		ui.lineEdit1->setText("");
		ui.lineEdit2->setText("");
		break;

	case 3:// update
		if (ui.lineEdit1->text() == "")
		{
			QMessageBox::information(nullptr, "Tips", "Id is empty!");
			return;
		}

		if (ui.lineEdit2->text() == "")
		{
			QMessageBox::information(nullptr, "Tips", "Name is empty!");
			return;
		}

		id = ui.lineEdit1->text().toInt(&conversionOK);
	    pos = findDataById(id);
		if(pos == -1)
		{
			QMessageBox::information(nullptr, "Tips", "Specified Id does not existed!");
			return;
		}

		name = ui.lineEdit2->text().toStdString();
		name_array_[pos] = name;

		QMessageBox::information(nullptr, "Tips", "Successfully update data!");
		updateData();

		ui.lineEdit1->setText("");
		ui.lineEdit2->setText("");
		break;

	case 4: // search
		if (ui.lineEdit1->text() == "")
		{
			QMessageBox::information(nullptr, "Tips", "Id is empty!");
			return;
		}

		id = ui.lineEdit1->text().toInt(&conversionOK);
		pos = findDataById(id);
		if (pos == -1)
		{
			QMessageBox::information(nullptr, "Tips", "Specified Id does not existed!");
			return;
		}

		name = name_array_[pos];
		ui.lineEdit1->setText("");
		ui.lineEdit2->setText("");

		QMessageBox::information(nullptr, "Tips", QString::fromStdString(string("Name is ") + name + string("!")));
		break;

	default:
		break;
	}
}


void QtWidgetsApplication::onCancelClicked()
{
	this->close();
}

void QtWidgetsApplication::onSaveClicked()
{
	QJsonArray itemsArray;

	// save data to itemsArray
	for (int i = 0; i < id_array_.size(); i++) {
		QJsonObject itemObject;
		itemObject["ID"] = id_array_[i];
		itemObject["NAME"] = QString::fromStdString(name_array_[i]);
		itemsArray.append(itemObject);
	}

	// create jsonObject
	QJsonObject jsonObject;
	jsonObject["count"] = itemsArray.size();
	jsonObject["items"] = itemsArray;

	// transfer to jsonDocuent
	QJsonDocument jsonDocument(jsonObject);

	// save to json file
	QFile file("data.json");
	if (file.open(QIODevice::WriteOnly | QIODevice::Text)) {
		file.write(jsonDocument.toJson());
		file.close();
		QMessageBox::information(nullptr, "Tips", "Successfully save the json file!");
	}
	else {
		qDebug() << "Failed to save JSON file";
	}
}


void QtWidgetsApplication::loadFile()
{
	QFile file("data.json");
	if (!file.open(QIODevice::ReadOnly | QIODevice::Text)) {
		qDebug() << "Failed to open JSON file";
		return;
	}

	QByteArray jsonData = file.readAll();
	file.close();

	QJsonDocument jsonDocument = QJsonDocument::fromJson(jsonData);
	if (jsonDocument.isNull()) {
		qDebug() << "Failed to create JSON document";
		return;
	}

	QJsonObject jsonObject = jsonDocument.object();
	int num = jsonObject["count"].toInt();

	// get items
	QJsonArray itemsArray = jsonObject["items"].toArray();

	// read data from items
	for (int i = 0; i < itemsArray.size(); ++i) {
		QJsonValue itemValue = itemsArray.at(i);
		if (itemValue.isObject()) {
			QJsonObject itemObject = itemValue.toObject();

			// read data
			int id = itemObject["ID"].toInt();
			QString name = itemObject["NAME"].toString();

			id_array_.push_back(id);
			name_array_.push_back(name.toStdString());
		}
	}
}

int QtWidgetsApplication::findDataById(int id)
{
	int i;

	for (i = 0; i < id_array_.size(); i++)
	{
		if (id_array_[i] == id)
		{
			return i;
		}
	}

	return -1;
}

void QtWidgetsApplication::updateData()
{
	string s = "";
	int i;

	for (i = 0; i < id_array_.size(); i++)
	{
		s += std::to_string(id_array_[i]);
		s += " ";
		s += name_array_[i];
		s += "\n";
	}

	ui.textEdit1->setPlainText("");
	ui.textEdit1->setPlainText(QString::fromStdString(s));

}

4、测试和验证

相比较而言，测试和验证就容易得多。首先，加载的时候，看看json数据有没有全部加载到界界面里面。其次，看下增删改查的功能是否正常。如果一切都没有问题，那就基本ok了。有问题的话，单步去调试即可。