C/C++ Qt 數據庫與TableView實現多組件聯動

Posted on by

Qt 數據庫組件與TableView組件實現聯動，以下案例中實現瞭，當用戶點擊並選中TableView組件內的某一行時，我們通過該行中的name字段查詢並將查詢結果關聯到ListView組件內，同時將TableView中選中行的字段分別顯示在窗體底部的LineEdit編輯內，該案例具體實現細節如下。

首先在UI界面中繪制好需要的控件，左側放一個TableView組件，右側是一個ListView組件，底部放三個LineEdit組件，界面如下:

我們還是需要創建兩張表結構，表Student用於存儲學生的基本信息，表StudentTimetable存儲的是每個學生所需要學習的課程列表，執行後創建數據表。

void InitMultipleSQL()
{
    QSqlDatabase db = QSqlDatabase::addDatabase("QSQLITE");
    db.setDatabaseName("./lyshark.db");
     if (!db.open())
     {
            std::cout << db.lastError().text().toStdString()<< std::endl;
            return;
     }

    // 執行SQL創建表
    db.exec("DROP TABLE Student");
    db.exec("CREATE TABLE Student ("
                    "id INTEGER PRIMARY KEY AUTOINCREMENT, "
                    "name VARCHAR(40) NOT NULL, "
                    "age INTEGER NOT NULL)"
         );

    // 批量創建數據
    // https://www.cnblogs.com/lyshark
    QStringList name_list; name_list << "lyshark" << "lisi" << "wangwu";
    QStringList age_list; age_list << "25" << "34" << "45";

    // 綁定並插入數據
    QSqlQuery query;
    query.prepare("INSERT INTO Student(name,age) ""VALUES (:name, :age)");

    if(name_list.size() == age_list.size())
    {
        for(int x=0;x< name_list.size();x++)
        {
            query.bindValue(":name",name_list[x]);
            query.bindValue(":age",age_list[x]);
            query.exec();
        }
    }

    // ------------------------------------------------
    // 創建第二張表,與第一張表通過姓名關聯起來
    db.exec("DROP TABLE StudentTimetable");
    db.exec("CREATE TABLE StudentTimetable("
            "id INTEGER PRIMARY KEY AUTOINCREMENT, "
            "name VARCHAR(40) NOT NULL, "
            "timetable VARCHAR(128) NOT NULL"
            ")");

    db.exec("INSERT INTO StudentTimetable(name,timetable) VALUES ('lyshark','AAA')");
    db.exec("INSERT INTO StudentTimetable(name,timetable) VALUES ('lyshark','BBB')");
    db.exec("INSERT INTO StudentTimetable(name,timetable) VALUES ('lyshark','CCC')");

    db.exec("INSERT INTO StudentTimetable(name,timetable) VALUES ('lisi','QQQ')");
    db.exec("INSERT INTO StudentTimetable(name,timetable) VALUES ('lisi','WWW')");

    db.exec("INSERT INTO StudentTimetable(name,timetable) VALUES ('wangwu','EEE')");

    db.commit();
    db.close();
}

程序運行後，構造函數MainWindow::MainWindow(QWidget *parent)內初始化表格，查詢Student表內記錄，將查詢到的指針綁定到theSelection模型上，綁定後再將綁定指針加入到dataMapper組件映射中，即可實現初始化，其初始化代碼如下:

#include "mainwindow.h"
#include "ui_mainwindow.h"

#include <QSqlDatabase>
#include <QSqlError>
#include <QSqlQuery>
#include <QSqlRecord>
#include <iostream>
#include <QStringList>
#include <QString>
#include <QVariant>
#include <QDataWidgetMapper>
#include <QtSql>
#include <QStandardItem>
#include <QStringList>
#include <QStringListModel>

QSqlQueryModel *qryModel;          // 數據模型
QItemSelectionModel *theSelection; // 選擇模型
QDataWidgetMapper *dataMapper;     // 數據界面映射

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

    QSqlDatabase db = QSqlDatabase::addDatabase("QSQLITE");
    db.setDatabaseName("./lyshark.db");
     if (!db.open())
     {
            std::cout << db.lastError().text().toStdString()<< std::endl;
            return;
     }

     // 查詢數據表中記錄
     qryModel=new QSqlQueryModel(this);
     qryModel->setQuery("SELECT * FROM Student ORDER BY id");
     if (qryModel->lastError().isValid())
     {
         return;
     }

     // 設置TableView表頭數據
     qryModel->setHeaderData(0,Qt::Horizontal,"ID");
     qryModel->setHeaderData(1,Qt::Horizontal,"Name");
     qryModel->setHeaderData(2,Qt::Horizontal,"Age");

     // 將數據綁定到模型上
     theSelection=new QItemSelectionModel(qryModel);
     ui->tableView->setModel(qryModel);
     ui->tableView->setSelectionModel(theSelection);
     ui->tableView->setSelectionBehavior(QAbstractItemView::SelectRows);

     // 創建數據映射
     dataMapper= new QDataWidgetMapper();
     dataMapper->setSubmitPolicy(QDataWidgetMapper::AutoSubmit);
     dataMapper->setModel(qryModel);
     dataMapper->addMapping(ui->lineEdit_id,0);
     dataMapper->addMapping(ui->lineEdit_name,1);
     dataMapper->addMapping(ui->lineEdit_age,2);
     dataMapper->toFirst();

     // 綁定信號,當鼠標選擇時,在底部編輯框中輸出
     // https://www.cnblogs.com/lyshark
     connect(theSelection,SIGNAL(currentRowChanged(QModelIndex,QModelIndex)),this,SLOT(on_currentRowChanged(QModelIndex,QModelIndex)));
}

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

此時這個程序運行後會得到表內數據:

接著我們需要綁定TableView表格的on_currentRowChanged()事件，當用戶點擊TableView表格中的某個屬性是則自動觸發該函數，在此函數內我們完成對其他組件的填充.

1.通過currentIndex方法獲取到當前表所在行

2.通過當前行號查詢表中姓名，並帶入StudentTimetable表查該表中記錄

3.循環獲取該用戶的數據,並將timetable字段提取出來放入QStringList容器

4.將數據直接關聯到ListView數據表中

// 鼠標點擊後的處理槽函數
void MainWindow::on_currentRowChanged(const QModelIndex &current, const QModelIndex &previous)
{
    Q_UNUSED(previous);
    if (!current.isValid())
    {
        return;
    }

    dataMapper->setCurrentModelIndex(current);

    // 獲取到記錄開頭結尾
    bool first=(current.row()==0);                    // 是否首記錄
    bool last=(current.row()==qryModel->rowCount()-1);// 是否尾記錄
    std::cout << "IsFirst: " << first << "IsLast: " << last << std::endl;


    // 獲取name字段數據
    int curRecNo=theSelection->currentIndex().row();  // 獲取當前行號
    QSqlRecord curRec=qryModel->record(curRecNo);     // 獲取當前記錄
    QString uname = curRec.value("name").toString();
    std::cout << "Student Name = " << uname.toStdString() << std::endl;

    // 查StudentTimetable表中所有數據
    // 根據姓名過濾出該用戶的所有數據
    QSqlQuery query;
    query.prepare("select * from StudentTimetable where name = :x");
    query.bindValue(":x",uname);
    query.exec();

    // 循環獲取該用戶的數據,並將timetable字段提取出來放入QStringList容器
    // https://www.cnblogs.com/lyshark
    QSqlRecord rec = query.record();
    QStringList the_data;

    while(query.next())
    {
        int index = rec.indexOf("timetable");
        QString data = query.value(index).toString();

        std::cout << "User timetable = " << data.toStdString() << std::endl;
        the_data.append(data);
    }

    // 關聯到ListView數據表中
    QStringListModel *model;
    model = new QStringListModel(the_data);
    ui->listView->setModel(model);
    ui->listView->setEditTriggers(QAbstractItemView::NoEditTriggers);
}

當綁定選中事件時,程序運行效果如下:

針對底部按鈕處理事件相對來說較為簡單，其實現原理就是調用瞭TableView默認提供的一些函數而已，代碼如下:

// 刷新tableView的當前選擇行
// https://www.cnblogs.com/lyshark
void MainWindow::refreshTableView()
{
    int index=dataMapper->currentIndex();
    QModelIndex curIndex=qryModel->index(index,0);      // 定位到低0行0列
    theSelection->clearSelection();                     // 清空選擇項
    theSelection->setCurrentIndex(curIndex,QItemSelectionModel::Select);//設置剛插入的行為當前選擇行
}

// 第一條記錄
void MainWindow::on_pushButton_clicked()
{
    dataMapper->toFirst();
    refreshTableView();
}
// 最後一條記錄
void MainWindow::on_pushButton_2_clicked()
{
    dataMapper->toLast();
    refreshTableView();
}

// 前一條記錄
void MainWindow::on_pushButton_3_clicked()
{
    dataMapper->toPrevious();
    refreshTableView();
}

// 下一條記錄
void MainWindow::on_pushButton_4_clicked()
{
    dataMapper->toNext();
    refreshTableView();
}

最終運行效果如下所示:

文章出處：https://www.cnblogs.com/lyshark

到此這篇關於C/C++ Qt 數據庫與TableView多組件聯動的文章就介紹到這瞭,更多相關C++ QT多組件聯動內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：