C/C++ Qt 資料庫與ComBox多級聯動

lyshark發表於2021-12-08
C++QT資料庫

Qt中的SQL資料庫元件可以與ComBox元件形成多級聯動效果，在日常開發中多級聯動效果應用非常廣泛，例如當我們選擇指定使用者時，我們讓其在另一個ComBox元件中列舉出該使用者所維護的主機列表，又或者當使用者選擇省份時，自動列舉出該省份下面的城市列表等。

今天給大家分享二級ComBox選單如何與資料庫形成聯動，在進行聯動之前需要建立兩張表，表結構內容介紹如下:

  • User表：儲存指定使用者的ID號與使用者名稱
  • UserAddressList表：與User表中的使用者名稱相關聯，儲存該使用者所管理的主機列表資訊
void InitMultipleSQL()
{
    QSqlDatabase db = QSqlDatabase::addDatabase("QSQLITE");
    db.setDatabaseName("./lyshark.db");
     if (!db.open())
     {
            std::cout << db.lastError().text().toStdString()<< std::endl;
            return;
     }

    // 執行SQL建立User表並插入測試資料
    // https://www.cnblogs.com/lyshark
    db.exec("DROP TABLE User");
    db.exec("CREATE TABLE User ("
                    "id INTEGER PRIMARY KEY AUTOINCREMENT, "
                    "name VARCHAR(40) NOT NULL)"
         );

    db.exec("INSERT INTO User(name) VALUES('lyshark')");
    db.exec("INSERT INTO User(name) VALUES('root')");
    db.exec("INSERT INTO User(name) VALUES('admin')");

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

    db.exec("INSERT INTO UserAddressList(name,address) VALUES ('lyshark','192.168.1.1')");
    db.exec("INSERT INTO UserAddressList(name,address) VALUES ('lyshark','192.168.1.2')");
    db.exec("INSERT INTO UserAddressList(name,address) VALUES ('lyshark','192.168.1.3')");
    db.exec("INSERT INTO UserAddressList(name,address) VALUES ('root','192.168.10.10')");
    db.exec("INSERT INTO UserAddressList(name,address) VALUES ('root','192.168.10.11')");
    db.exec("INSERT INTO UserAddressList(name,address) VALUES ('admin','192.168.100.100')");

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

初始化表結構以後就得到了兩張表，當程式執行時預設在建構函式處填充第一個ComBox元件，也就是執行一次資料庫查詢，並將結果通過ui->comboBox_1->addItem();放入到第一個元件內。

QSqlDatabase db;

// https://www.cnblogs.com/lyshark
MainWindow::MainWindow(QWidget *parent) :QMainWindow(parent),ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    InitMultipleSQL();

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

     QSqlQuery query;
     query.exec("select * from User;");
     QSqlRecord rec = query.record();

     while(query.next())
     {
         int index_name = rec.indexOf("name");
         QString data_name = query.value(index_name).toString();
         ui->comboBox->addItem(data_name);
     }
}

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

程式碼執行後第一個ComBox會顯示所有使用者名稱:

此時回到UI編輯介面，我們在第一個ComBox上轉到槽函式on_comboBox_activated(const QString &arg1)上面。

當使用者選擇第一個ComBox選擇框時，自動查詢資料庫中與該選擇框對應的欄位，並關聯到第二個選擇框內，程式碼如下:

void MainWindow::on_comboBox_activated(const QString &arg1)
{
    std::cout << "www.lyshark.com Name = " << arg1.toStdString()<<std::endl;

    if(db.open())
    {
        QSqlQuery query;
        query.prepare("select * from UserAddressList where name = :x");
        query.bindValue(":x",arg1);
        query.exec();

        QSqlRecord rec = query.record();

        ui->comboBox_2->clear();
        while(query.next())
        {
            int index = rec.indexOf("address");
            QString data_ = query.value(index).toString();
            ui->comboBox_2->addItem(data_);
        }
    }
}

最終關聯效果如下，當選擇使用者是自動關聯到所維護的主機列表上面:

相關文章