VS+QT+SQLite實作簡單的計算器

0. 計算器功能說明
- 0.1 計算器界面
- 0.2 歷史記錄模塊
- 0.3 總體說明
1. 安裝VS
- 1.1 下載VS_Community
- 1.2 安裝VS
2. 安裝Qt
- 2.1 下載Qt
- 2.2 安裝Qt
3. 為VS配置Qt VS Tools
- 3.1 下載安裝Qt VS Tools
- 3.2 配置環境變數
- 3.3 特殊問題解決
4. 安裝SQLite
- 4.1 下載SQLite
- 4.2 安裝SQLite
- 4.3 測驗SQLite
5. 創建和配置VS+QT的工程
- 5.1 創建VS工程
- 5.2 重定向目標工具集
- 5.3 添加main函式
- 5.3 配置QT模塊
6. 搭建程式框架
- 6.1 建立計算器的QT類
- 6.2 在Main中實體化計算器類
- 6.3 新建UI界面
- 6.4 編譯UI界面
- 6.5 更換表單的名稱和標題
- 6.6 建立計算器UI物件
7. 設計UI界面
- 7.1 Qt設計師面板介紹
- 7.2 添加一個水平布局
- 7.3 添加Text Browser和水平布局
- 7.4 添加垂直布局和按鈕
- 7.5 添加選單欄
- 7.6 保存并運行
8. 添加成員變數和函式框架
- 8.1 添加成員變數
- 8.2 添加成員函式框架
9. 設定與資料庫的連接
- 9.1 添加資料庫頭檔案
- 9.2 配置與資料庫的連接
10. 實作槽函式功能
- 10.1 數字按鈕組槽函式
- 10.2 運算子按鈕組槽函式
- 10.3 結果計算與存盤函式
- 10.4 單個鍵與選單欄槽函式
- 10.5 完成效果展示
11. 代碼總結
- 11.1 檔案版代碼（純代碼）
- 11.2 整個工程（百度網盤）
12. 多多點贊關注，常交流！

0. 計算器功能說明

0.1 計算器界面

計算器界面及其模塊介紹如下：

在這里插入圖片描述

0.2 歷史記錄模塊

點開設定按鈕，有三個選項，功能如下：
在這里插入圖片描述

我們點擊查看歷史，可以看到效果：

在這里插入圖片描述

0.3 總體說明

計算器整體功能簡單，就是基本的四則運算，加上存盤歷史記錄的功能，可以用來學習QT和SQLite，

我們會使用三個軟體，分別為VS+QT（提供界面UI）+SQLite（提供資料庫），

不會QT和SQLite沒關系，這里不涉及很深入的知識，手把手教學，包教包會，

下面就從配置開發環境開始，

1. 安裝VS

1.1 下載VS_Community

這里有VS的下載鏈接，自行取用：VS_Community下載

1.2 安裝VS

雙擊VS_Community.exe，傻瓜式安裝（我們只需要C++開發環境），不再詳述，

2. 安裝Qt

2.1 下載Qt

這里有Qt的離線安裝包網址，自行取用：Qt離線安裝包下載
在這里插入圖片描述

2.2 安裝Qt

雙擊打開qt-opensource-windows-x86-5.12-8.exe，出現歡迎界面，點 next：
在這里插入圖片描述
登錄Qt賬戶：

直接下一步，然后選擇檔案夾，這個自由選擇，只要知道自己裝在哪就好了，

選擇安裝的組件，如下：
在這里插入圖片描述
一直下一步，直至安裝完成，

3. 為VS配置Qt VS Tools

3.1 下載安裝Qt VS Tools

打開VS，找到標題欄的擴展，點擊子選項管理擴展：
在這里插入圖片描述
在管理擴展中安裝Qt VS Tools：

下載安裝完成后，關閉VS的所有視窗，會自動應用更改，你只需要最后點擊 “modify” 按鈕確認即可，

注意： 再次打開VS有可能會出現下圖錯誤，這時兩種嘗試方法：

打開VS_Community升級VS至最新版本，
卸載Qt VS Tools，重新安裝，我是采用的第二種方案，解決了，

3.2 配置環境變數

之后配置環境變數，WIN+Q組合鍵打開搜索，鍵入 “編輯系統環境變數” ，選中打開：

在這里插入圖片描述

3.3 特殊問題解決

打開VS，找到依次點擊：擴展 -> Qt VS Tools -> Qt Options，VS會自動為你選中QT的msvc，如果不報錯，配置完成，

注意：如果出現報錯，資訊顯示如：The following error occured:These Qt version are inaccessible，那么需要以下操作：

在這里插入圖片描述

重新打開 Qt Options，進行下面操作：
在這里插入圖片描述
洗掉原先的Qt Version，只保留我們新添加的，然后將其設為默認：

不報錯，就配置完成了，

4. 安裝SQLite

4.1 下載SQLite

這里提供SQLite的組件下載地址，大家自行取用：SQLite下載
在這里插入圖片描述

4.2 安裝SQLite

將兩個壓縮包放到合適的位置，分別解壓即可，
在這里插入圖片描述
配置環境變數，仍舊是在Path里面，添加SQLite的路徑：

4.3 測驗SQLite

按下 WIN+Q 組合鍵打開搜索，輸出 “cmd” ，然后回車，打開命令列，輸入sqlite3，回車：
在這里插入圖片描述

5. 創建和配置VS+QT的工程

5.1 創建VS工程

打開VS，點擊創建新專案，找到 Qt Empty Application 專案，點擊之后進入下一步：
在這里插入圖片描述

配置專案名稱和位置大家自選就好了，如下：

在這里插入圖片描述
配置QT工程，一路默認就好了：

5.2 重定向目標工具集

現在編譯程式會產生如下的報錯，因為我們用的MSVC2017，版本落后，需要升級：
在這里插入圖片描述
我們需要按照提示，重定向目標工具集，首先右擊解決方案，找到重定向目標解決方案，單擊即可：

出現重定向專案視窗，確定即可：

再次生成解決方案即可成功，

5.3 添加main函式

在Source Files里面添加main.cpp：
在這里插入圖片描述

輸入以下代碼：

//引入Qt視窗應用程式
#include <QtWidgets/QApplication>

int main(int argc, char* argv[]) {
	// 打開Qt應用環境
	QApplication a(argc, argv);
	// 結束Qt應用環境
	return a.exec();
}

這里只有Qt的基本應用環境的開啟和關閉，沒有生成任何界面，

5.3 配置QT模塊

我們需要為專案添加QT的模塊，否則連接會出錯，如下：
在這里插入圖片描述
首先右鍵單擊專案，找到屬性，單擊，進入屬性配置界面：

然后在屬性配置界面進行如下操作，進入模塊選擇界面：

在這里插入圖片描述
選擇 Core GUI SQL Widget 四個模塊，點擊Finish即可：

在這里插入圖片描述
點擊確定，再次編譯運行，通過，

6. 搭建程式框架

6.1 建立計算器的QT類

右鍵單擊專案，游標移到添加，點擊Add Qt Class，如圖：
在這里插入圖片描述
添加一個名為CalculatorMine的類，如下：

配置類的屬性：

為建構式添加默認引數 Q_NULLPTR，否則編譯會報錯：

在這里插入圖片描述

6.2 在Main中實體化計算器類

我們已經有了計算器類，那么就可以在main函式中添加它的物件，在main中添加以下代碼：

	// 創建一個計算器物件
	CalculatorMine calculatorMine;
	// 運行計算器物件的界面
	calculatorMine.show();

添加之后的main函式如下：

在這里插入圖片描述

運行程式，得到基本的視窗，效果如下：

在這里插入圖片描述

6.3 新建UI界面

在資源檔案夾中添加UI界面，首先右擊 Resource Files，游標移到添加，單擊新建項，如下：

在這里插入圖片描述

然后根據提示進行配置：

在這里插入圖片描述
Qt設計師界面會自動打開，或者你雙擊Resource Files下的CalculatorMine.ui也可以打開，如下：

6.4 編譯UI界面

這個時候，你還查詢不到ui界面的頭檔案，需要將ui檔案編譯之后得到，如下操作：

在這里插入圖片描述
編譯完成之后，在外部依賴項中有可能可以找到 ui_CalculatorMine.h 檔案，找不到沒事，不影響，

6.5 更換表單的名稱和標題

QT默認的視窗名稱和標題為mianWindow，我們可以改為自己想要的：

在這里插入圖片描述
重新編譯CalculatorMine.ui檔案，一般來說，UI界面的更改在VS中重新編譯.ui檔案即可生效，如果不行，重啟VS即可，

6.6 建立計算器UI物件

有了UI類，我們就可以實體化計算器的UI了，在CalculatorMine.h中添加的代碼如下：
在這里插入圖片描述

下一步我們需要初始化物件，并展示其UI，更改CalculatorMine.cpp檔案：

在這里插入圖片描述

我們運行程式，可以看到效果：

在這里插入圖片描述

7. 設計UI界面

7.1 Qt設計師面板介紹

面板功能介紹如下：

在這里插入圖片描述

7.2 添加一個水平布局

滑鼠左鍵點擊Vertical Layout不放，將其拖放到UI界面效果欄中，如下：

在這里插入圖片描述

調整UI界面和水平布局，使其大小合適（調整方式就是拖動邊緣），效果如下：

在這里插入圖片描述

7.3 添加Text Browser和水平布局

先添加一個Text Browser進入上一個水平布局中，可以看到其占據了所有的界面：

在這里插入圖片描述

我們應該調整其大小，令其占據空間合適，這時候就要用到屬性編輯器，操作如下：

在這里插入圖片描述

以同樣的方式編輯其顯示字體的大小，把里面顯示的字體調大一點，看著舒服：

在這里插入圖片描述

拖一個水平布局進去，效果如下：

在這里插入圖片描述

7.4 添加垂直布局和按鈕

在第二個水平布局中拖入5個垂直布局，可以采用如下方式：

在這里插入圖片描述

在每個垂直布局中分別拖入4個按鈕（Push Button），效果如下：

在這里插入圖片描述

然后我們修改按鈕大小和按鈕字體大小，ctrl+點擊逐個選中所有按鈕，用屬性編輯器：

在這里插入圖片描述

雙擊按鈕可以編輯按鈕的顯示文字，編輯成如下的效果：

在這里插入圖片描述

VS編輯控制元件都需要其名稱，為了方便使用，這里給所有的按鈕都對應一個名字，雙擊其物件即可編輯，效果如下：

在這里插入圖片描述

7.5 添加選單欄

添加選單，雙擊 “在這里輸入” ，然后輸入 “設定” ，回車即可，如下：

在這里插入圖片描述
點擊設定，雙擊 “在這里輸入” ，然后輸入 “查看歷史” ，回車即可，如下：

重復添加 “關閉歷史” ，“清除歷史”，最終效果如下：

在這里插入圖片描述
**注意：**如果不能輸入漢字，可以從其他地方復制過來，

下一步仍舊是修改物件名稱，便于使用，修改后的結果如下：

在這里插入圖片描述

7.6 保存并運行

首先，使用Ctrl+S保存對界面的修改，整個界面就算設計完成了，

然后回傳VS，編譯CalculatorMine.ui，

最后編譯運行專案，效果如下：

在這里插入圖片描述

8. 添加成員變數和函式框架

8.1 添加成員變數

這里首先為計算器類添加我們用到的成員變數，在CalculatorMine.h的類中添加如下代碼：

private:
	// 添加一個計算器UI的實體，UI界面的命名空間為Ui
	Ui::CalculatorMineWindow* ui;

	// 定義數字按鈕組（numButtonGroup）和運算子按鈕組（operatorButtonGroup），按鈕組內的按鈕都是相似的，可以共用一個槽函式
	QButtonGroup* numButtonGroup;
	QButtonGroup* operatorButtonGroup;

	// 定義存盤運算子(operatorChar)和運算元(storedNum)以及運算結果(resultNum)的變數
	QChar operatorChar;
	double storedNum;
	double resultNum;

	// 定義標志位，isOperatorClicked標記是否已經點擊了運算子，isStoredNum標記是否有一個已經存盤了一個數字
	bool isOperatorClicked;
	bool isStoredNum;

	// 定義輸入數字限制，輸入數字的數量不能超過numLimit
	const int numLimit = 16;

注釋應該比較清楚，添加進去的效果如下：

在這里插入圖片描述
在這里，我們用到了QButtonGroup這個類，所以需要將其頭檔案包括一下，輸入以下代碼：

#include <QButtonGroup>

在檔案中的效果如下：

在這里插入圖片描述

之后我們需要在CalculatorMine.cpp中為成員變數作初始化，在CalculatorMine類的建構式中添加以下代碼：

	// 初始化存盤變數和標志位變數
	isOperatorClicked = false;
	isStoredNum = false;
	storedNum = 0;
	resultNum = 0;

	// 初始化按鈕組
	numButtonGroup = new QButtonGroup;
	operatorButtonGroup = new QButtonGroup;

	// 為數字按鈕組添加按鈕： 0 1 2 3 4 5 6 7 8 9
	numButtonGroup->addButton(ui->pushButton1, 1);
	numButtonGroup->addButton(ui->pushButton2, 2);
	numButtonGroup->addButton(ui->pushButton3, 3);
	numButtonGroup->addButton(ui->pushButton4, 4);
	numButtonGroup->addButton(ui->pushButton5, 5);
	numButtonGroup->addButton(ui->pushButton6, 6);
	numButtonGroup->addButton(ui->pushButton7, 7);
	numButtonGroup->addButton(ui->pushButton8, 8);
	numButtonGroup->addButton(ui->pushButton9, 9);
	numButtonGroup->addButton(ui->pushButton0, 0);

	// 為運算子按鈕組添加按鈕：+ - * / =
	operatorButtonGroup->addButton(ui->pushButtonAdd, 1);
	operatorButtonGroup->addButton(ui->pushButtonSub, 2);
	operatorButtonGroup->addButton(ui->pushButtonMul, 3);
	operatorButtonGroup->addButton(ui->pushButtonDiv, 4);
	operatorButtonGroup->addButton(ui->pushButtonEqual, 5);

注釋是比較清楚的，其在VS中的效果如下：

在這里插入圖片描述

8.2 添加成員函式框架

我們已經有了各種控制元件和所有需要的成員變數，下一步就是定義槽函式，執行按鈕功能，

在CalculatorMine.h檔案的CalculatorMine的類中添加以下代碼：

// 定義一系列槽函式（與控制元件的信號連接），當點擊計算器的某個鍵時，執行，
private slots:
	// 當數字按鈕組中的某個鍵被點擊時呼叫，用來更新textBrowser等，
	void NumButtonClicked(QAbstractButton*);
	// 當運算子按鈕組中的某個鍵被點擊時呼叫，用來更新textBrower和執行運算等，
	void OperatorButtonClicked(QAbstractButton*);

	// 當C按鈕被點擊時呼叫，用來清空textBrowser和各種變數，
	void PushButtonCClicked();
	// 當Del按鈕被點擊時呼叫，用來洗掉一個輸入數字，
	void PushButtonDelClicked();
	// 當%按鈕被點擊時呼叫，用來將運算元除100，
	void PushButonPercentClicked();
	// 當+/-按鈕被點擊時呼叫，用來將運算元取負，
	void PushButtonReverseClicked();
	// 當=按鈕被點擊時呼叫，用來計算和顯示結果，
	void PushButtonEqualClicked();
	// 當Point按鈕被點擊時呼叫，用來增加小數點，
	void PushButtonPointClicked();

	// 當查看歷史被點擊時呼叫，用來和資料庫通信，獲得歷史記錄并顯示，
	void SearchHistory();
	// 用來清空歷史顯示
	void CloseHistory();
	// 用來清空資料庫和顯示，
	void ClearHistory();

private:
	// 用來執行運算（在運算子被點擊時呼叫），并與資料庫通信，存盤資料
	void CalculateResult();

這里的注釋也是比較清楚的，看一下在VS中的效果：

在這里插入圖片描述
函式宣告之后再CalculatorMine.cpp中實作，在檔案末尾添加以下代碼：

void CalculatorMine::NumButtonClicked(QAbstractButton* numButton) {

}

void CalculatorMine::OperatorButtonClicked(QAbstractButton* operatorButton) {

}

void CalculatorMine::CalculateResult() {
	
}

void CalculatorMine::PushButtonCClicked() {

}

void CalculatorMine::PushButtonDelClicked() {

}

void CalculatorMine::PushButonPercentClicked() {

}

void CalculatorMine::PushButtonReverseClicked() {

}

void CalculatorMine::PushButtonEqualClicked() {

}

void CalculatorMine::PushButtonPointClicked() {

}

void CalculatorMine::SearchHistory() {

}

void CalculatorMine::CloseHistory() {

}

void CalculatorMine::ClearHistory() {

}

這不需要多說，就是一個函式實作的框架，在VS中的效果如下：

在這里插入圖片描述

最后，我們需要連接按鈕信號和我們定義的槽函式，在Calculator類的建構式中添加以下代碼：

	// 連接按鈕組和按鈕組的槽函式
	numButtonGroup->connect(numButtonGroup, SIGNAL(buttonClicked(QAbstractButton*)), this, SLOT(NumButtonClicked(QAbstractButton*)));
	operatorButtonGroup->connect(operatorButtonGroup, SIGNAL(buttonClicked(QAbstractButton*)), this, SLOT(OperatorButtonClicked(QAbstractButton*)));
	
	// 連接普通按鈕和他們對應的槽函式
	connect(ui->pushButtonC, SIGNAL(clicked()), this, SLOT(PushButtonCClicked()));
	connect(ui->pushButtonDel, SIGNAL(clicked()), this, SLOT(PushButtonDelClicked()));
	connect(ui->pushButtonPercent, SIGNAL(clicked()), this, SLOT(PushButonPercentClicked()));
	connect(ui->pushButtonReverse, SIGNAL(clicked()), this, SLOT(PushButtonReverseClicked()));
	connect(ui->pushButtonEqual, SIGNAL(clicked()), this, SLOT(PushButtonEqualClicked()));
	connect(ui->pushButtonPoint, SIGNAL(clicked()), this, SLOT(PushButtonPointClicked()));
	

	// 連接選單項和他們對應的槽函式
	connect(ui->actionSearchHistory, SIGNAL(triggered()), this, SLOT(SearchHistory()));
	connect(ui->actionCloseHistory, SIGNAL(triggered()), this, SLOT(CloseHistory()));
	connect(ui->actionClearHistory, SIGNAL(triggered()), this, SLOT(ClearHistory()));

就是一個函式connect，用來連接信號和槽，VS中效果如下：

在這里插入圖片描述

9. 設定與資料庫的連接

9.1 添加資料庫頭檔案

這里用到了資料庫的操作，因此要引入資料庫的庫，在CalculatorMine.h中添加以下代碼：

#include <QtSql>

在VS中的效果如下：

在這里插入圖片描述

9.2 配置與資料庫的連接

下面開始操作資料庫了，在CalculatorMine的建構式中（連接選單項代碼之前）添加以下代碼：

	// 設定與資料庫的連接， 資料庫的型別為“QSQLITE”，即SQLite； 連接的名稱為“sqliteMine”（隨意設定）；
	// 連接資料庫的主機地址為：127.0.0.1，即回環地址（自己）；要操作的資料庫名稱為 “HistoryData.db”(隨意設定)；
	// 連接的用戶為root用戶，使用默認密碼123456
	QSqlDatabase db = QSqlDatabase::addDatabase("QSQLITE", "sqliteMine");
	db.setHostName("127,0,0,1");
	db.setDatabaseName("HistoryData.db");
	db.setUserName("root");
	db.setPassword("123456");
	if (!db.open()) {
		ui->textBrowser->setText("can't open database");
	}

注釋挺清楚的，代碼在VS中的效果如下：

在這里插入圖片描述

10. 實作槽函式功能

所有的準備作業均已完成，下面我們就要實作按鈕的功能了，

10.1 數字按鈕組槽函式

我們點擊一個數字按鈕時，呼叫NumGroupClicked函式，因此在改函式中添加代碼：

	// 用textShow接收顯示幕上的顯示文本，用來執行判斷等
	QString textShow = ui->textBrowser->toPlainText();
	// 如果上一個點擊的是運算子按鈕，那么就代表要輸入第二個運算元了，此時清空顯示，運算子標志置否，
	if (isOperatorClicked) {
		textShow.clear();
		isOperatorClicked = false;
	}
	// 如果輸入的數字數量過多，那么就不能輸入了，直接回傳
	if (textShow.length() >= numLimit) {
		return;
	}
	// 為textShow追加按鈕上的文本（0/1/2/3/4/5/6/7/8/9）
	textShow.append(numButton->text());
	// 將textShow的文本顯示到計算器顯示幕上
	ui->textBrowser->setText(textShow);

代碼注釋比較清楚，在VS中顯示其效果：

在這里插入圖片描述
我們運行程式，在計算器的按鈕面板上點擊數字按鈕，發現會出現相應的數字：

在這里插入圖片描述

10.2 運算子按鈕組槽函式

在OperatorButtonClicked函式中添加以下代碼：

	// 如果上一個點擊的也是運算子，那么替換掉，將運算子存盤在operatorChar中，
	if (isOperatorClicked) {
		operatorChar = operatorButton->text().at(0);
	}
	else {
		// 如果已經存盤的有數字，那么證明輸入了兩個數字，可以運算了，進行運算，
		if (isStoredNum) {
			CalculateResult();
		}
		else {
			// 如果沒存數字，證明是第一次點擊運算子，那么把顯示屏上的數字存起來，這是第一個運算元
			QString textShow = ui->textBrowser->toPlainText();
			storedNum = textShow.toDouble();
			isStoredNum = true;
		}
		// 運算子標志位設定為真，存盤運算子
		isOperatorClicked = true;
		operatorChar = operatorButton->text().at(0);
	}

注釋挺清楚的，就不多解釋了，

10.3 結果計算與存盤函式

CalculateResult不是槽函式，是點擊運算子需要呼叫的函式，添加如下代碼：

	// 用textShow記錄顯示幕界面的數字，
	QString textShow = ui->textBrowser->toPlainText();
	// 第一個運算元是存盤的運算元，第二個操作時為顯示屏上顯示的數字，
	double previousNum = storedNum;
	double presentNum = textShow.toDouble();
	// 根據運算子（+/-/*/÷）的不同，對兩個運算元執行不同的運算，存盤到resultNum中，
	if (operatorChar == '+') {
		resultNum = previousNum + presentNum;
	}
	else if (operatorChar == '-') {
		resultNum = previousNum - presentNum;
	}
	else if (operatorChar == '*') {
		resultNum = previousNum * presentNum;
	}
	else if (operatorChar == '/') {
		resultNum = previousNum / presentNum;
	}
	// 計算的結果可以作為下一次計算的第一個運算元，便于連續運算，
	storedNum = resultNum;
	// 將數字轉為QString型別的字串，限制其串長度，賦值給texxtShow，顯示在顯示屏上，
	textShow = QString::number(resultNum, 'g', numLimit);
	ui->textBrowser->setText(textShow);
	
	// 使用連接 "sqliteMine" 連入資料庫，這樣就可以訪問我們創建的資料庫HistoryData了
	QSqlDatabase db = QSqlDatabase::database("sqliteMine");
	// 使用db初始化一個資料庫操作的物件，用來對資料庫進行管理
	QSqlQuery query(db);
	// 定義一個字串，字串內容是SQLite的命令，用于創建表，
	// CREATE TABLE IF NOT EXISTS ：標準的SQL命令，意味著如果后面這個表名 history 不存在的話，那么創建一個新表，
	// history是表的名字，previousNum是第一個列的列名，double是第一列的資料型別，很清楚，一共四列，
	QString createTableString = "CREATE TABLE IF NOT EXISTS history(previousNum double, operator varchar, presentNum double, resultNum double)";
	// 執行創建表的命令，如果創建不成功，在顯示幕中進行提示，
	bool success = query.exec(createTableString);
	if (!success) {
		ui->textBrowser->setText("can't create table");
	}
	// 再次定義一個SQLite命令的字串，用于插入一行資料，
	// INSERT INTO ：標準的SQL命令，向后面的表 history 中插入資料，
	// (previousNum, operator, presentNum, resultNum) ： 插入資料列的列名，可以用不一樣的順序，但是列名一定是表中的列，
	// VALUES（'%1', '%2', '%3', '%4'） ： VALUES里面就是插入資料的值，這里的‘%1’等是占位符，真正的值是arg（）里面的資料，
	QString insertDataString = QString("INSERT INTO history(previousNum, operator, presentNum, resultNum) VALUES('%1', '%2', '%3', '%4')").arg(previousNum).arg(operatorChar).arg(presentNum).arg(resultNum);
	// 執行插入命令，如果插入不成功，那么在顯示幕中進行提示，
	success = query.exec(insertDataString);
	if (!success) {
		ui->textBrowser->setText("can't insert data");
	}

注釋清楚，不多解釋，

10.4 單個鍵與選單欄槽函式

剩下的槽函式更加簡單，所以直接放代碼了（都有注釋）：

void CalculatorMine::PushButtonCClicked() {
	// 清除顯示幕和倆標志位即可
	ui->textBrowser->clear();
	isOperatorClicked = false;
	isStoredNum = false;
}

void CalculatorMine::PushButtonDelClicked() {
	// 洗掉顯示幕上的最后一個數字后再顯示
	QString textShow = ui->textBrowser->toPlainText();
	if (textShow.length() == 0) {
		return;
	}
	textShow.chop(1);
	ui->textBrowser->setText(textShow);
}

void CalculatorMine::PushButonPercentClicked() {
	// 把顯示幕上的數字除以100之后再顯示
	QString textShow = ui->textBrowser->toPlainText();
	double percentResult = 0.01 * textShow.toDouble();
	textShow = QString::number(percentResult, 'g', numLimit);
	ui->textBrowser->setText(textShow);
}

void CalculatorMine::PushButtonReverseClicked() {
	// 把顯示幕上的數字取負之后再顯示
	QString textShow = ui->textBrowser->toPlainText();
	double reverseResult = -1 * textShow.toDouble();
	textShow = QString::number(reverseResult, 'g', numLimit);
	ui->textBrowser->setText(textShow);
}

void CalculatorMine::PushButtonEqualClicked() {
	// 如果符合運算標準，執行運算操作，運算元標志位置假
	QString textShow = ui->textBrowser->toPlainText();
	if (!isStoredNum || textShow.length() == 0 || isOperatorClicked) {
		return;
	}
	CalculateResult();
	isStoredNum = false;
}

void CalculatorMine::PushButtonPointClicked() {
	// 如果顯示幕上已經有了小數點，直接回傳
	QString textShow = ui->textBrowser->toPlainText();
	if (textShow.length() >= (numLimit - 1) || textShow.contains('.', Qt::CaseSensitive)) {
		return;
	}
	// 如果顯示幕沒有數字，那么那么就是0-1之間的小數，先加入一個0
	if (textShow.length() == 0) {
		textShow = "0";
	}
	// 給顯示幕的末尾添加一個小數點
	textShow.append('.');
	ui->textBrowser->setText(textShow);
}

void CalculatorMine::SearchHistory() {
	// 我們獲取的資料共有四個列，分別記錄了第一個運算元、運算子、第二個運算元、計算結果，
	// 這里我們設定最多取200條運算記錄，定義4個陣列存盤
	double previousNum[200];
	QString operatorChar[200];
	double presentNum[200];
	double resultNum[200];
	
	// 連接資料庫，初始化資料庫操作物件
	QSqlDatabase db = QSqlDatabase::database("sqliteMine");
	QSqlQuery query(db);
	// 定義一個SQL陳述句的字串，用于獲取資料庫中所有的記錄
	// SELECT * FROM： 標準的SQL命令，用于從后面的表 history 中查詢所有的資料
	QString selectDataString = "SELECT * FROM history";
	// 執行查詢陳述句，如果不成功，在顯示屏上進行提示
	bool success = query.exec(selectDataString);
	if (!success) {
		ui->textBrowser->setText("can't get history data");
	}

	// 將獲取的查詢結果放入我們事先準備好的陣列中，
	int index = 0;
	while (query.next()) {
		previousNum[index] = query.value(0).toDouble();
		operatorChar[index] = query.value(1).toString();
		presentNum[index] = query.value(2).toDouble();
		resultNum[index] = query.value(3).toDouble();
		index++;
	}
	// 將歷史記錄一條一條的插入到我們的顯示幕中，格式為 IDx：運算元1 運算子 運算元2 = 運算結果，
	ui->textBrowser->clear();
	for (int i = 0; i < index; i++) {
		QString historyString = QString("ID%1:  %2 %3 %4 = %5").arg(i + 1).arg(previousNum[i]).arg(operatorChar[i]).arg(presentNum[i]).arg(resultNum[i]);
		ui->textBrowser->append(historyString);
	}
}

void CalculatorMine::CloseHistory() {
	// 直接清空顯示幕就好了
	ui->textBrowser->clear();
}

void CalculatorMine::ClearHistory() {
	// 連接資料庫，建立資料庫操作物件
	QSqlDatabase db = QSqlDatabase::database("sqliteMine");
	QSqlQuery query(db);
	// 定義一個SQL陳述句的字串，用來洗掉表，
	// DROP TABLE ： 標準SQL陳述句，用于洗掉后面的表 history ，
	QString dropTableString = "DROP TABLE history";
	// 執行洗掉表的陳述句，如果未成功，在顯示幕上提醒，
	bool success = query.exec(dropTableString);
	if (!success) {
		ui->textBrowser->setText("can't clear history data");
	}
	else {
		ui->textBrowser->clear();
	}
}

不解釋啦，注釋好好看，肯定都看得懂，功能都是類似的，

10.5 完成效果展示

在這里插入圖片描述

11. 代碼總結

11.1 檔案版代碼（純代碼）

main.cpp

#include <QtWidgets/QApplication>
#include "CalculatorMine.h"

int main(int argc, char* argv[]) {
	// 打開Qt應用環境
	QApplication a(argc, argv);
	// 創建一個計算器物件
	CalculatorMine calculatorMine;
	// 運行計算器物件的界面
	calculatorMine.show();
	// 結束Qt應用環境
	return a.exec();
}

CalculatorMine.h

#pragma once

#include <QMainWindow>
#include <QButtonGroup>
#include <QtSql>
#include "ui_CalculatorMine.h"

class CalculatorMine : public QMainWindow
{
	Q_OBJECT

public:
	CalculatorMine(QWidget *parent = Q_NULLPTR);
	~CalculatorMine();

// 定義一系列槽函式（與控制元件的信號連接），當點擊計算器的某個鍵時，執行，
private slots:
	// 當數字按鈕組中的某個鍵被點擊時呼叫，用來更新textBrowser等，
	void NumButtonClicked(QAbstractButton*);
	// 當運算子按鈕組中的某個鍵被點擊時呼叫，用來更新textBrower和執行運算等，
	void OperatorButtonClicked(QAbstractButton*);

	// 當C按鈕被點擊時呼叫，用來清空textBrowser和各種變數，
	void PushButtonCClicked();
	// 當Del按鈕被點擊時呼叫，用來洗掉一個輸入數字，
	void PushButtonDelClicked();
	// 當%按鈕被點擊時呼叫，用來將運算元除100，
	void PushButonPercentClicked();
	// 當+/-按鈕被點擊時呼叫，用來將運算元取負，
	void PushButtonReverseClicked();
	// 當=按鈕被點擊時呼叫，用來計算和顯示結果，
	void PushButtonEqualClicked();
	// 當Point按鈕被點擊時呼叫，用來增加小數點，
	void PushButtonPointClicked();

	// 當查看歷史被點擊時呼叫，用來和資料庫通信，獲得歷史記錄并顯示，
	void SearchHistory();
	// 用來清空歷史顯示
	void CloseHistory();
	// 用來清空資料庫和顯示，
	void ClearHistory();

private:
	// 用來執行運算（在運算子被點擊時呼叫），并與資料庫通信，存盤資料
	void CalculateResult();

private:
	// 添加一個計算器UI的實體，UI界面的命名空間為Ui
	Ui::CalculatorMineWindow* ui;

	// 定義數字按鈕組（numButtonGroup）和運算子按鈕組（operatorButtonGroup），按鈕組內的按鈕都是相似的，可以共用一個槽函式
	QButtonGroup* numButtonGroup;
	QButtonGroup* operatorButtonGroup;

	// 定義存盤運算子(operatorChar)和運算元(storedNum)以及運算結果(resultNum)的變數
	QChar operatorChar;
	double storedNum;
	double resultNum;

	// 定義標志位，isOperatorClicked標記是否已經點擊了運算子，isStoredNum標記是否有一個已經存盤了一個數字
	bool isOperatorClicked;
	bool isStoredNum;

	// 定義輸入數字限制，輸入數字的數量不能超過numLimit
	const int numLimit = 16;
};

CalculatorMine.cpp

#include "CalculatorMine.h"

CalculatorMine::CalculatorMine(QWidget *parent)
	: QMainWindow(parent),
	ui(new Ui::CalculatorMineWindow)
{
	// 啟動我們的ui界面
	ui->setupUi(this);

	// 初始化存盤變數和標志位變數
	isOperatorClicked = false;
	isStoredNum = false;
	storedNum = 0;
	resultNum = 0;

	// 初始化按鈕組
	numButtonGroup = new QButtonGroup;
	operatorButtonGroup = new QButtonGroup;

	// 為數字按鈕組添加按鈕： 0 1 2 3 4 5 6 7 8 9
	numButtonGroup->addButton(ui->pushButton1, 1);
	numButtonGroup->addButton(ui->pushButton2, 2);
	numButtonGroup->addButton(ui->pushButton3, 3);
	numButtonGroup->addButton(ui->pushButton4, 4);
	numButtonGroup->addButton(ui->pushButton5, 5);
	numButtonGroup->addButton(ui->pushButton6, 6);
	numButtonGroup->addButton(ui->pushButton7, 7);
	numButtonGroup->addButton(ui->pushButton8, 8);
	numButtonGroup->addButton(ui->pushButton9, 9);
	numButtonGroup->addButton(ui->pushButton0, 0);

	// 為運算子按鈕組添加按鈕：+ - * / =
	operatorButtonGroup->addButton(ui->pushButtonAdd, 1);
	operatorButtonGroup->addButton(ui->pushButtonSub, 2);
	operatorButtonGroup->addButton(ui->pushButtonMul, 3);
	operatorButtonGroup->addButton(ui->pushButtonDiv, 4);
	operatorButtonGroup->addButton(ui->pushButtonEqual, 5);

	// 連接按鈕組和按鈕組的槽函式
	numButtonGroup->connect(numButtonGroup, SIGNAL(buttonClicked(QAbstractButton*)), this, SLOT(NumButtonClicked(QAbstractButton*)));
	operatorButtonGroup->connect(operatorButtonGroup, SIGNAL(buttonClicked(QAbstractButton*)), this, SLOT(OperatorButtonClicked(QAbstractButton*)));
	
	// 連接普通按鈕和他們對應的槽函式
	connect(ui->pushButtonC, SIGNAL(clicked()), this, SLOT(PushButtonCClicked()));
	connect(ui->pushButtonDel, SIGNAL(clicked()), this, SLOT(PushButtonDelClicked()));
	connect(ui->pushButtonPercent, SIGNAL(clicked()), this, SLOT(PushButonPercentClicked()));
	connect(ui->pushButtonReverse, SIGNAL(clicked()), this, SLOT(PushButtonReverseClicked()));
	connect(ui->pushButtonEqual, SIGNAL(clicked()), this, SLOT(PushButtonEqualClicked()));
	connect(ui->pushButtonPoint, SIGNAL(clicked()), this, SLOT(PushButtonPointClicked()));
	
	// 設定與資料庫的連接， 資料庫的型別為“QSQLITE”，即SQLite； 連接的名稱為“sqliteMine”（隨意設定）；
	// 連接資料庫的主機地址為：127.0.0.1，即回環地址（自己）；要操作的資料庫名稱為 “HistoryData.db”(隨意設定)；
	// 連接的用戶為root用戶，使用默認密碼123456
	QSqlDatabase db = QSqlDatabase::addDatabase("QSQLITE", "sqliteMine");
	db.setHostName("127,0,0,1");
	db.setDatabaseName("HistoryData.db");
	db.setUserName("root");
	db.setPassword("123456");
	if (!db.open()) {
		ui->textBrowser->setText("can't open database");
	}

	// 連接選單項和他們對應的槽函式
	connect(ui->actionSearchHistory, SIGNAL(triggered()), this, SLOT(SearchHistory()));
	connect(ui->actionCloseHistory, SIGNAL(triggered()), this, SLOT(CloseHistory()));
	connect(ui->actionClearHistory, SIGNAL(triggered()), this, SLOT(ClearHistory()));
}

CalculatorMine::~CalculatorMine()
{
}

void CalculatorMine::NumButtonClicked(QAbstractButton* numButton) {
	// 用textShow接收顯示幕上的顯示文本，用來執行判斷等
	QString textShow = ui->textBrowser->toPlainText();
	// 如果上一個點擊的是運算子按鈕，那么就代表要輸入第二個運算元了，此時清空顯示，運算子標志置否，
	if (isOperatorClicked) {
		textShow.clear();
		isOperatorClicked = false;
	}
	// 如果輸入的數字數量過多，那么就不能輸入了，直接回傳
	if (textShow.length() >= numLimit) {
		return;
	}
	// 為textShow追加按鈕上的文本（0/1/2/3/4/5/6/7/8/9）
	textShow.append(numButton->text());
	// 將textShow的文本顯示到計算器顯示幕上
	ui->textBrowser->setText(textShow);
}

void CalculatorMine::OperatorButtonClicked(QAbstractButton* operatorButton) {
	// 如果上一個點擊的也是運算子，那么替換掉，將運算子存盤在operatorChar中，
	if (isOperatorClicked) {
		operatorChar = operatorButton->text().at(0);
	}
	else {
		// 如果已經存盤的有數字，那么證明輸入了兩個數字，可以運算了，進行運算，
		if (isStoredNum) {
			CalculateResult();
		}
		else {
			// 如果沒存數字，證明是第一次點擊運算子，那么把顯示屏上的數字存起來，這是第一個運算元
			QString textShow = ui->textBrowser->toPlainText();
			storedNum = textShow.toDouble();
			isStoredNum = true;
		}
		// 運算子標志位設定為真，存盤運算子
		isOperatorClicked = true;
		operatorChar = operatorButton->text().at(0);
	}
}

void CalculatorMine::CalculateResult() {
	// 用textShow記錄顯示幕界面的數字，
	QString textShow = ui->textBrowser->toPlainText();
	// 第一個運算元是存盤的運算元，第二個操作時為顯示屏上顯示的數字，
	double previousNum = storedNum;
	double presentNum = textShow.toDouble();
	// 根據運算子（+/-/*/÷）的不同，對兩個運算元執行不同的運算，存盤到resultNum中，
	if (operatorChar == '+') {
		resultNum = previousNum + presentNum;
	}
	else if (operatorChar == '-') {
		resultNum = previousNum - presentNum;
	}
	else if (operatorChar == '*') {
		resultNum = previousNum * presentNum;
	}
	else if (operatorChar == '/') {
		resultNum = previousNum / presentNum;
	}
	// 計算的結果可以作為下一次計算的第一個運算元，便于連續運算，
	storedNum = resultNum;
	// 將數字轉為QString型別的字串，限制其串長度，賦值給texxtShow，顯示在顯示屏上，
	textShow = QString::number(resultNum, 'g', numLimit);
	ui->textBrowser->setText(textShow);
	
	// 使用連接 "sqliteMine" 連入資料庫，這樣就可以訪問我們創建的資料庫HistoryData了
	QSqlDatabase db = QSqlDatabase::database("sqliteMine");
	// 使用db初始化一個資料庫操作的物件，用來對資料庫進行管理
	QSqlQuery query(db);
	// 定義一個字串，字串內容是SQLite的命令，用于創建表，
	// CREATE TABLE IF NOT EXISTS ：標準的SQL命令，意味著如果后面這個表名 history 不存在的話，那么創建一個新表，
	// history是表的名字，previousNum是第一個列的列名，double是第一列的資料型別，很清楚，一共四列，
	QString createTableString = "CREATE TABLE IF NOT EXISTS history(previousNum double, operator varchar, presentNum double, resultNum double)";
	// 執行創建表的命令，如果創建不成功，在顯示幕中進行提示，
	bool success = query.exec(createTableString);
	if (!success) {
		ui->textBrowser->setText("can't create table");
	}
	// 再次定義一個SQLite命令的字串，用于插入一行資料，
	// INSERT INTO ：標準的SQL命令，向后面的表 history 中插入資料，
	// (previousNum, operator, presentNum, resultNum) ： 插入資料列的列名，可以用不一樣的順序，但是列名一定是表中的列，
	// VALUES（'%1', '%2', '%3', '%4'） ： VALUES里面就是插入資料的值，這里的‘%1’等是占位符，真正的值是arg（）里面的資料，
	QString insertDataString = QString("INSERT INTO history(previousNum, operator, presentNum, resultNum) VALUES('%1', '%2', '%3', '%4')").arg(previousNum).arg(operatorChar).arg(presentNum).arg(resultNum);
	// 執行插入命令，如果插入不成功，那么在顯示幕中進行提示，
	success = query.exec(insertDataString);
	if (!success) {
		ui->textBrowser->setText("can't insert data");
	}
}

void CalculatorMine::PushButtonCClicked() {
	// 清除顯示幕和倆標志位即可
	ui->textBrowser->clear();
	isOperatorClicked = false;
	isStoredNum = false;
}

void CalculatorMine::PushButtonDelClicked() {
	// 洗掉顯示幕上的最后一個數字后再顯示
	QString textShow = ui->textBrowser->toPlainText();
	if (textShow.length() == 0) {
		return;
	}
	textShow.chop(1);
	ui->textBrowser->setText(textShow);
}

void CalculatorMine::PushButonPercentClicked() {
	// 把顯示幕上的數字除以100之后再顯示
	QString textShow = ui->textBrowser->toPlainText();
	double percentResult = 0.01 * textShow.toDouble();
	textShow = QString::number(percentResult, 'g', numLimit);
	ui->textBrowser->setText(textShow);
}

void CalculatorMine::PushButtonReverseClicked() {
	// 把顯示幕上的數字取負之后再顯示
	QString textShow = ui->textBrowser->toPlainText();
	double reverseResult = -1 * textShow.toDouble();
	textShow = QString::number(reverseResult, 'g', numLimit);
	ui->textBrowser->setText(textShow);
}

void CalculatorMine::PushButtonEqualClicked() {
	// 如果符合運算標準，執行運算操作，運算元標志位置假
	QString textShow = ui->textBrowser->toPlainText();
	if (!isStoredNum || textShow.length() == 0 || isOperatorClicked) {
		return;
	}
	CalculateResult();
	isStoredNum = false;
}

void CalculatorMine::PushButtonPointClicked() {
	// 如果顯示幕上已經有了小數點，直接回傳
	QString textShow = ui->textBrowser->toPlainText();
	if (textShow.length() >= (numLimit - 1) || textShow.contains('.', Qt::CaseSensitive)) {
		return;
	}
	// 如果顯示幕沒有數字，那么那么就是0-1之間的小數，先加入一個0
	if (textShow.length() == 0) {
		textShow = "0";
	}
	// 給顯示幕的末尾添加一個小數點
	textShow.append('.');
	ui->textBrowser->setText(textShow);
}

void CalculatorMine::SearchHistory() {
	// 我們獲取的資料共有四個列，分別記錄了第一個運算元、運算子、第二個運算元、計算結果，
	// 這里我們設定最多取200條運算記錄，定義4個陣列存盤
	double previousNum[200];
	QString operatorChar[200];
	double presentNum[200];
	double resultNum[200];
	
	// 連接資料庫，初始化資料庫操作物件
	QSqlDatabase db = QSqlDatabase::database("sqliteMine");
	QSqlQuery query(db);
	// 定義一個SQL陳述句的字串，用于獲取資料庫中所有的記錄
	// SELECT * FROM： 標準的SQL命令，用于從后面的表 history 中查詢所有的資料
	QString selectDataString = "SELECT * FROM history";
	// 執行查詢陳述句，如果不成功，在顯示屏上進行提示
	bool success = query.exec(selectDataString);
	if (!success) {
		ui->textBrowser->setText("can't get history data");
	}

	// 將獲取的查詢結果放入我們事先準備好的陣列中，
	int index = 0;
	while (query.next()) {
		previousNum[index] = query.value(0).toDouble();
		operatorChar[index] = query.value(1).toString();
		presentNum[index] = query.value(2).toDouble();
		resultNum[index] = query.value(3).toDouble();
		index++;
	}
	// 將歷史記錄一條一條的插入到我們的顯示幕中，格式為 IDx：運算元1 運算子 運算元2 = 運算結果，
	ui->textBrowser->clear();
	for (int i = 0; i < index; i++) {
		QString historyString = QString("ID%1:  %2 %3 %4 = %5").arg(i + 1).arg(previousNum[i]).arg(operatorChar[i]).arg(presentNum[i]).arg(resultNum[i]);
		ui->textBrowser->append(historyString);
	}
}

void CalculatorMine::CloseHistory() {
	// 直接清空顯示幕就好了
	ui->textBrowser->clear();
}

void CalculatorMine::ClearHistory() {
	// 連接資料庫，建立資料庫操作物件
	QSqlDatabase db = QSqlDatabase::database("sqliteMine");
	QSqlQuery query(db);
	// 定義一個SQL陳述句的字串，用來洗掉表，
	// DROP TABLE ： 標準SQL陳述句，用于洗掉后面的表 history ，
	QString dropTableString = "DROP TABLE history";
	// 執行洗掉表的陳述句，如果未成功，在顯示幕上提醒，
	bool success = query.exec(dropTableString);
	if (!success) {
		ui->textBrowser->setText("can't clear history data");
	}
	else {
		ui->textBrowser->clear();
	}
}

ui_CalculatorMine.h 這個是自動生成的檔案，放出來也沒啥用，截圖給大家認識以下：

在這里插入圖片描述

11.2 整個工程（百度網盤）

我把編譯產生的附加檔案刪了之后，整個工程只有10k，配置好環境后就可以直接運行，下面是資源：

鏈接： CalculatorMine.zip

提取碼：qt6j

12. 多多點贊關注，常交流！

轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/183281.html

標籤：其他

上一篇：Django——forms組件（form校驗欄位功能，渲染模板功能）

下一篇：PD3.0詳解第九章策略層電源協商（source端）