一、UI界面設計（QListWidget）

首先布局好UI界面

布局好后，我們需要在ListWidget上顯示很多內容，但是一個字符串列表不足以完成這個需求，或者能夠完成效果也不是很好，所以需要創建一個新的UI頁面自定義一個條目布局。

二、sqlite數據生成

//1、根據數據庫類型來連接數據
    db = QSqlDatabase::addDatabase("QSQLITE");
    db.setDatabaseName("compary.db");
    //2、打開數據庫
    if(!db.open())
    {
        qDebug()<<"open error"<<db.lastError();
    }
    //3、根據需求，創建數據庫所需要表
    QSqlQuery query;
    /**
      * 員工表：staff
      * 字段名有 id name age address salary
     **/
    QString sqlCreateTable = QString ("create table staff(id integer primary key autoincrement,"
                                      "name varchar(20),"
                                      "age int,"
                                      "address varchar(50),"
                                      "salary int);");
    if(!query.exec(sqlCreateTable))
    {
        qDebug() << "create table" << db.lastError();
    }


    QString sqlInsert = QString("insert into staff(name,age,address,salary)"
                                "values('張三',20,'廣州市天河區',12000);");
    if(!query.exec(sqlInsert))
    {
        qDebug() << "Error insert into data" << db.lastError();
    }

運行程序，在SQLite中查看，數據已經寫入數據庫表中

但是每次都這樣通過SQLite這種軟件來查看數據庫表，顯然是不方便的，所以需要直接顯示到Qt頁面上。

三、sqlite數據跟UI聯動

使用查詢按鍵，查詢數據庫表內容，逐行顯示到Qt控件中

void SQLite_ListWidget::on_pushButton_Query_clicked()
{
    ui->listWidget->clear();//在查詢數據之前，清空列表上的內容
    QSqlQuery query;
    QString sqlQuery = QString("select * from staff;");//1、查詢數據
    if(!query.exec(sqlQuery))
    {
        qDebug() << "Error query into data" << db.lastError();
    }


    //2、遍歷數據庫記錄
    while(query.next())
    {
        int id = query.value("id").toInt();
        QString name = query.value("name").toString();
        int age = query.value("age").toInt();
        QString address = query.value("address").toString();
        int salary = query.value("salary").toInt();


        qDebug() << "id = " << id  << "name" << name << "age = " << age <<
                    "address = " << address << "salary = " << salary;


        //3、每遍歷一條記錄，就要更新到UI控件
        //3.1、創建一個列表條目
        itemform* staffitem = new itemform;


        staffitem->setStaffInfo(id,name,age,address,salary);


        QListWidgetItem* item = new QListWidgetItem;


        item->setSizeHint(QSize(412,27));


        ui->listWidget->addItem(item);
        ui->listWidget->setItemWidget(item,staffitem);
    }
}

其中

staffitem->setStaffInfo(id,name,age,address,salary);

是設置數據到item中，需要在itemform.cpp中定義該函數

void itemform::setStaffInfo(int id, QString name, int age, QString addr, int salary)
{
    ui->label_id->setText(QString::number(id));
    ui->label_name->setText(name);
    ui->label_age->setText(QString::number(age));
    ui->label_addr->setText(addr);
    ui->label_salary->setText(QString::number(salary));
}