QT开发之旅-Udp聊天室编程

一、概要设计

　　登录对话框（继承自QDialog类）进行用户登录查询数据库用户是否存在，注册插入数据到用户表。用户表字段：

(chatid int primary key, passwd varchar(30), name varchar(30), email varchar(30), history int)

 显示好友列表（继承自QWidget类），窗体间数据传递，显示登录用户头像及昵称。轮询数据库用户表显示好友列表。点击好友跳出聊天窗口（继承自MainWindow类），窗体间数据传递，显示好友昵称，实现多用户聊天，支持中文通信，设置快捷键，保存聊天记录。

关键字：数据库、窗体传值、中文通信、udp协议、快捷键、文件操作。

二、详细设计

　　1.登录对话框：

　　数据库操作：

　　(1)创建数据库和数据表

// 设置参数
    QString select_table = "select tbl_name name from sqlite_master where type = 'table'";
    QString create_sql = "create table user (chatid int primary key, passwd varchar(30), name varchar(30), email varchar(30), history int)";
    QString select_max_sql = "select max(chatid) from user";
    QString insert_sql = "insert into user values (?, ?, ?, ? ?)";
    //QString update_sql = "update user set name = :name where chatid = :chatid";
    QString select_sql = "select name from user";
    //QString select_all_sql = "select * from user";
    //QString delete_sql = "delete from user where chatid = ?";
    //QString clear_sql = "delete from user";

    QString select_nameInfo = "selcet * from user where name=";

database = QSqlDatabase::addDatabase("QSQLITE");
    database.setDatabaseName("database.db");

    //打开数据库
    if(!database.open())
    {
        qDebug()<<database.lastError();
        qFatal("failed to connect.") ;
    }
    else
    {
        qDebug()<<"open success";
        QSqlQuery sql_query;        //变量必须在成功打开数据库后定义才有效
        sql_query.prepare(select_table);
        if(!sql_query.exec())
        {
            qDebug()<<sql_query.lastError();
        }
        else
        {
            QString tableName;
            while(sql_query.next())
            {
                tableName = sql_query.value(0).toString();
                qDebug()<<tableName;
                if(tableName.compare("user"))
                {
                    tableFlag=false;
                    qDebug()<<"table is not exist";
                }
                else
                {
                    tableFlag=true;
                    qDebug()<<"table is exist";
                }
            }
        }
        // 创建数据表
        if(tableFlag==false)
        {
            sql_query.prepare(create_sql);
            if(!sql_query.exec())
            {
                qDebug()<<sql_query.lastError();
            }
            else
            {
                qDebug()<<"table created!";
            }
        }

        //database.close();
    }

 　　(2)注册验证及插入数据

if(ui->passwd1LineEdit->text()==""||ui->passwd2LineEdit->text()=="")
    {
        passwdFlag=false;
    }
    else if(ui->passwd1LineEdit->text()==ui->passwd2LineEdit->text())    //两次密码相同
    {
        //newpasswd=ui->passwd1LineEdit->text();
        passwdFlag=true;
    }
    else
    {
        QMessageBox::information(this, QString::fromLocal8Bit("提示"), QStringLiteral("密码输入不一致！"));
        qDebug()<<"passwd err";
        passwdFlag=false;
        //return;
    }

    //以下为数据库的操作
    QSqlQuery sql_query;

    //查询最大id
    max_id = 0;
    sql_query.prepare(select_max_sql);
    if(!sql_query.exec())
    {
        qDebug()<<sql_query.lastError();
    }
    else
    {
        while(sql_query.next())
        {
            max_id = sql_query.value(0).toInt();
            qDebug()<<QString("max chatid:%1").arg(max_id);
        }
    }


    //查询部分数据(name)
    if(!sql_query.exec(select_sql))
    {
        qDebug()<<sql_query.lastError();
    }
    else
    {
        while(1)
        {
            if(sql_query.next())    //name有数据
            {
                QString name = sql_query.value("name").toString();
                qDebug()<<QString("name=%1").arg(name);

                if(ui->nameLineEdit->text()==name)    //用户名已经存在
                {
                    QMessageBox::information(this, QString::fromLocal8Bit("提示"), QStringLiteral("用户名已存在！"));
                    qDebug()<<"name existed";
                    nameFlag=false;
                    break;
                }
                else
                {
                    //newname=ui->nameLineEdit->text();
                    nameFlag=true;
                }
            }
            else
            {       //name列为空
                nameFlag=true;
                break;
            }
        }
    }

    newchatid=max_id+1;
    if(nameFlag==true) newname=ui->nameLineEdit->text();
    else                return;
    if(passwdFlag==true)    newpasswd=ui->passwd1LineEdit->text();
    else                    return;

    //插入数据
    sql_query.prepare(insert_sql);
    sql_query.addBindValue(newchatid);              //chatid
    sql_query.addBindValue(newpasswd);              //passwd
    sql_query.addBindValue(newname);                //name
    sql_query.addBindValue(newemail);               //email
    sql_query.addBindValue(0);                      //history
    if(!sql_query.exec())
    {
        qDebug()<<sql_query.lastError();
    }
    else
    {
        QMessageBox::information(this, QString::fromLocal8Bit("提示"), QStringLiteral("注册成功！"));
        qDebug()<<"inserted!";
    }

 　　登录界面：

　　(1)登录验证

if(matchFlag==false)
    {
        //用户名错误
        QMessageBox::warning(this, tr("警告"), tr("用户不存在！"), QMessageBox::Yes);
        this->ui->et_username->clear();
        this->ui->et_pwd->clear();
        this->ui->et_username->setFocus();
    }
    else
    {
        if(usr_passwd!=ui->et_pwd->text())
        {
            //密码错误
            QMessageBox::warning(this, tr("警告"), tr("用户不存在！"), QMessageBox::Yes);
            this->ui->et_username->clear();
            this->ui->et_pwd->clear();
            this->ui->et_username->setFocus();
        }
        else
        {
            //用户名和密码均正确
//            ChatWindow cw(this);
//            this->hide();
//            cw.show();
//            cw.exec();
//            this->close();
            LoginDialog::NICKNAME = usr_name;
            accept();
        }

　　(2)用户头像

QSqlQuery sql_query;        //变量必须在成功打开数据库后定义才有效

    //查询部分数据(name)

    QString tempstring="select * from user where name='"+name+"'";
    qDebug()<<tempstring;
    if(!sql_query.exec(tempstring))
    {
        qDebug()<<sql_query.lastError();
        matchFlag=false;
    }
    else
    {
        while(sql_query.next())
        {
            usr_id = sql_query.value(0).toInt();
            usr_passwd = sql_query.value(1).toString();
            usr_name = sql_query.value(2).toString();
            usr_email = sql_query.value(3).toString();
            usr_history = sql_query.value(4).toInt();

            qDebug()<<QString("chatid=%1    passwd=%2     name=%3       email=%4    history=%5").arg(usr_id).arg(usr_passwd).arg(usr_name).arg(usr_email).arg(usr_history);
        }
        if(usr_name==name)  matchFlag=true;
        else                matchFlag=false;
    }

    qDebug()<<matchFlag;
    if(matchFlag==true)
    {
        QString path=":/images/facex.jpg";
        QString diff="face"+QString::number(usr_id);
        path.replace("facex",diff);
        qDebug()<<path;

        QImage img;
        img.load(path);
        QPixmap pic=QPixmap::fromImage(img.scaled(ui->userPic->width(),ui->userPic->height()));
        ui->userPic->setPixmap(pic);
    }
    else
    {

        QPixmap pic;
        ui->userPic->setPixmap(pic);
    }

　　2.好友列表：

　　数据库查询及列表显示：

database = QSqlDatabase::addDatabase("QSQLITE");
    database.setDatabaseName("database.db");

    QSqlQuery sql_query;        //改变量必须在成功打开数据库后定义才有效

    //打开数据库
    if(!database.open())
    {
        qDebug()<<database.lastError();
        qFatal("failed to connect.") ;
    }
    else
    {

        QSqlQuery query;        //改变量必须在成功打开数据库后定义才有效
        QString execstring="select * from user";

        ctoolTip = new CToolTip();
        // 定义全局的ToolTip，方便使用
        g_toolTip = ctoolTip;

        // 本行代码主要针对ListWidgetItem右键点击时才生效的
        ui->listWidget->setMouseTracking(true);

        if(!query.exec(execstring))
        {
            qDebug()<<QString("chatid");
            qDebug()<<query.lastError();
    //        matchFlag=false;
        }
        else
        {
            // 添加测试数据
            while (query.next()) {
                usr_id = query.value(0).toInt();
                usr_passwd = query.value(1).toString();
                usr_name = query.value(2).toString();
                usr_email = query.value(3).toString();
                usr_history = query.value(4).toInt();

                qDebug()<<QString("chatid=%1    passwd=%2     name=%3       email=%4    history=%5").arg(usr_id).arg(usr_passwd).arg(usr_name).arg(usr_email).arg(usr_history);

                ItemWidget *itemWidget = new ItemWidget(ui->listWidget);
                itemWidget->setText(QPixmap(QString(":/images/face%1").arg(usr_id)).scaled(80, 80),
                                            QString("%1").arg(usr_name), QString("127.0.0.1:800%1").arg(usr_id));
                QListWidgetItem *listItem = new QListWidgetItem(ui->listWidget);
                // 此处的size如果不设置，界面被压缩了看不出ItemWidget的效果，高度一定要设置
                listItem->setSizeHint(QSize(200, 70));
                ui->listWidget->setItemWidget(listItem, itemWidget);


            }
        }
    }
    QObject::connect(ui->listWidget,SIGNAL(itemClicked(QListWidgetItem*)),this,SLOT(conChat(QListWidgetItem*)));
    qDebug()<<"LoginWidget:"+LoginDialog::NICKNAME;
    ui->nickname->setText(LoginDialog::NICKNAME);
    QString tempstring="select * from user where name='"+LoginDialog::NICKNAME+"'";
    qDebug()<<tempstring;
    if(!sql_query.exec(tempstring))
    {
        qDebug()<<sql_query.lastError();
        matchFlag=false;
    }
    else
    {
        while(sql_query.next())
        {
            usr_id = sql_query.value(0).toInt();
            usr_passwd = sql_query.value(1).toString();
            usr_name = sql_query.value(2).toString();
            usr_email = sql_query.value(3).toString();
            usr_history = sql_query.value(4).toInt();

            qDebug()<<QString("chatid=%1    passwd=%2     name=%3       email=%4    history=%5").arg(usr_id).arg(usr_passwd).arg(usr_name).arg(usr_email).arg(usr_history);

        }
        if(usr_name==LoginDialog::NICKNAME)  matchFlag=true;
        else                matchFlag=false;

 　　登录用户信息设置：

QString path=":/images/facex.jpg";
        QString diff="face"+QString::number(usr_id);
        path.replace("facex",diff);
        qDebug()<<path;

        QImage img;
        img.load(path);
        QPixmap pic=QPixmap::fromImage(img.scaled(ui->userPic->width(),ui->userPic->height()));
        ui->userPic->setPixmap(pic);
        ui->ipaddress->setText(QString("127.0.0.1:800%1").arg(usr_id));

 　　列表项：

    labelIcon = new QLabel(this);
    labelName = new QLabel(this);
    labelName->setStyleSheet("QLabel{color: green; font: 23pt bold;}");
    labelInfo = new QLabel(this);
    labelInfo->setStyleSheet("QLabel{color: gray;}");

    verlayout = new QVBoxLayout();
    verlayout->setContentsMargins(0, 0, 0, 0);
    verlayout->addWidget(labelName);
    verlayout->addWidget(labelInfo);

    horLayout = new QHBoxLayout(this);
    horLayout->setContentsMargins(2, 2, 2, 2);
    horLayout->addWidget(labelIcon, 1, Qt::AlignTop);
    horLayout->addLayout(verlayout, 4);

 　　悬浮窗口：

    this->setWindowFlags(Qt::FramelessWindowHint | Qt::WindowSystemMenuHint | Qt::WindowMinMaxButtonsHint);
    this->resize(200, 100); ;

    this->setObjectName("CToolTip");
    this->setStyleSheet("QWidget#CToolTip {border: 2px solid green; background-color: skyblue;}");

    groupBox = new QGroupBox(this);
    groupBox->setGeometry(10, 10, 180, 80);
    groupBox->setTitle("用户信息");

    labelIcon = new QLabel(groupBox);
    labelName = new QLabel(groupBox);
    labelInfo = new QLabel(groupBox);

    verlayout = new QVBoxLayout();
    verlayout->setContentsMargins(0, 0, 0, 0);
    verlayout->addWidget(labelName);
    verlayout->addWidget(labelInfo);

    horLayout = new QHBoxLayout(groupBox);
    horLayout->setContentsMargins(10, 10, 10, 10);
    horLayout->addWidget(labelIcon, 1, Qt::AlignTop);
    horLayout->addLayout(verlayout, 4);

　　选择列表项：

QObject::connect(ui->listWidget,SIGNAL(itemClicked(QListWidgetItem*)),this,SLOT(conChat(QListWidgetItem*)));

void LoginWidget::conChat(QListWidgetItem*)
{
    qDebug()<<QString("onChat:%1").arg(usr_id);
    LoginWidget::ID = ui->listWidget->currentRow()+1;
    chatWindow=new ChatWindow;
    chatWindow->show();
}

　　3.聊天窗口：

　　数据库查询、信息设置及绑定端口号：

database = QSqlDatabase::addDatabase("QSQLITE");
    database.setDatabaseName("database.db");

    QSqlQuery chat_query;        //变量必须在成功打开数据库后定义才有效

    //打开数据库
    if(!database.open())
    {
        qDebug()<<database.lastError();
        qFatal("failed to connect.") ;
    }
    else
    {
        QString tempstring="select * from user where name='"+LoginDialog::NICKNAME+"'";
        qDebug()<<tempstring;
        if(!chat_query.exec(tempstring))
        {
            qDebug()<<chat_query.lastError();
            matchFlag=false;
        }
        else
        {
            while(chat_query.next())
            {
                usr_id = chat_query.value(0).toInt();
                usr_passwd = chat_query.value(1).toString();
                usr_name = chat_query.value(2).toString();
                usr_email = chat_query.value(3).toString();
                usr_history = chat_query.value(4).toInt();

                qDebug()<<QString("chatid=%1    passwd=%2     name=%3       email=%4    history=%5").arg(usr_id).arg(usr_passwd).arg(usr_name).arg(usr_email).arg(usr_history);
                port = 8000+usr_id;
            }
        }
        QString receiverId="select * from user where chatid="+QString("%1").arg(LoginWidget::ID)+"";
        qDebug()<<receiverId;
        if(!chat_query.exec(receiverId))
        {
            qDebug()<<chat_query.lastError();
            matchFlag=false;
        }
        else
        {
            while(chat_query.next())
            {
                usr_id = chat_query.value(0).toInt();
                usr_passwd = chat_query.value(1).toString();
                usr_name = chat_query.value(2).toString();
                usr_email = chat_query.value(3).toString();
                usr_history = chat_query.value(4).toInt();

                qDebug()<<QString("chatid=%1    passwd=%2     name=%3       email=%4    history=%5").arg(usr_id).arg(usr_passwd).arg(usr_name).arg(usr_email).arg(usr_history);
                ui->name->setText(usr_name);
            }
        }

 　　UDP接收端：

senderAno = new QUdpSocket(this);
        receiver = new QUdpSocket(this);
        receiver->bind(port, QUdpSocket::ShareAddress);
        connect(receiver, &QUdpSocket::readyRead, this, &ChatWindow::processPendingDatagram);

void ChatWindow::processPendingDatagram()
{
    //中文支持
//    QTextCodec *codec = QTextCodec::codecForName("GBK");
    // 拥有等待的数据报
    while(receiver->hasPendingDatagrams())
    {
        QDateTime time = QDateTime::currentDateTime();//获取系统现在的时间
        QString str = time.toString("yyyy-MM-dd hh:mm:ss ddd"); //设置显示格式
        QByteArray datagram;

        // 让datagram的大小为等待处理的数据报的大小，这样才能接收到完整的数据
        datagram.resize(receiver->pendingDatagramSize());

        // 接收数据报，将其存放到datagram中
        receiver->readDatagram(datagram.data(), datagram.size());
        //ui->label->setText(datagram);
        ui->listWidget->addItem(str);
        chat += str+"
";
        qDebug()<<datagram<<QString::fromLocal8Bit(datagram);
        ui->listWidget->addItem(usr_name+":"+QString::fromLocal8Bit(datagram));
        chat += usr_name+":"+datagram+"
";
    }
}

 　　UDP发送端：

//中文支持
//    QTextCodec *codec = QTextCodec::codecForName("GBK");
    QDateTime time = QDateTime::currentDateTime();//获取系统现在的时间
    QString str = time.toString("yyyy-MM-dd hh:mm:ss ddd"); //设置显示格式
    int port = LoginWidget::ID+8000;
    qDebug()<<port;
    QByteArray datagram = ui->textEdit->toPlainText().toUtf8();

    senderAno->writeDatagram(datagram.data(), datagram.size(),
                          QHostAddress("127.0.0.1"), port);
    ui->listWidget->addItem(str);
    chat += str+"
";
    qDebug()<<ui->textEdit->toPlainText()<<QString::fromLocal8Bit(ui->textEdit->toPlainText().toUtf8());
    ui->listWidget->addItem("me:"+ui->textEdit->toPlainText());
    chat += "me:"+ui->textEdit->toPlainText()+"
";
    this->ui->textEdit->clear();
    this->ui->textEdit->setFocus();

 　　快捷键设置：

ui->pushButton->setShortcut(tr("ctrl+return"));
        ui->pushButton_3->setShortcut(tr("alt+c"));
        ui->pushButton_8->setShortcut(tr("ctrl+s"));

 　　文件操作：

/*
     * 通过QFile实现数据操作
     */
    qDebug()<<tr("Save File");
    qDebug()<<chat;
    QFile file("/Users/apple/Documents/QT/ChatLog.txt");
    // 以只写方式打开，如果文件不存在，那么会创建该文件
    if (!file.open(QIODevice::WriteOnly  | QIODevice::Text))
        qDebug() << file.errorString();
    file.write(chat);
    file.close();
    QMessageBox::information(this, QString::fromLocal8Bit("提示"), QStringLiteral("聊天记录保存成功！"));

 　　4.窗体传值：

　　使用QT中的Signal&Slot机制进行传值：

　　QT中的Signal&Slot机制相比于MFC中的消息机制简单了许多，它保证了任何对象之间均可以通过这种方式进行通信，甚至可以得到消息的sender。这里就拿一个简单的窗体间传值作为例子。

      首先看一下主窗体MainWindow：

      在设计器中拖拽一个Label和一个TextEdit控件到界面上，TextEdit用于显示传递过来的数据。

　　创建一个右下有两个按键的对话框，放置一个Label和一个LineEdit。

　　下面就是编码的操作了，我们需要在Dialog中声明一个信号，当用户点击OK时传递LineEdit中的内容到mainWindow中，具体的dialog.h代码为：

    #ifndef DIALOG_H  
    #define DIALOG_H  
      
    #include <QDialog>  
      
    namespace Ui {  
    class Dialog;  
    }  
      
    class Dialog : public QDialog  
    {  
        Q_OBJECT  
          
    public:  
        explicit Dialog(QWidget *parent = 0);  
        ~Dialog();  
          
    private:  
        Ui::Dialog *ui;  
    signals:  
        void  sendData(QString);  
    private slots:  
        void on_buttonBox_accepted();  
    };  
      
    #endif // DIALOG_H   

 　　其中的signals:void sendData(QString)便是我们需要的信号函数，同时声明了一个槽函数

       void on_buttonBox_accepted();用于相应确定按钮的click事件。下面就是需要在该函数中产生一个信号。代码如下：

    void Dialog::on_buttonBox_accepted()  
    {  
        emit sendData(ui->lineEdit->text());  
    }  

 　　代码异乎寻常的简单，只需要用emit的方式调用sendData函数，将需要的参数传递进去即可。而MainWindow中则需要声明接收的槽函数，注意槽函数参数只能与信号函数少或相等，而不能多于信号函数参数个数。在MainWindow的头文件中声明槽函数：

    private slots:  
        void receiveData(QString data);  

 　　为了便于测试，我只在MainWindow的构造函数中创建了一个Dialog对象，并连接了信号和槽，具体为：

    MainWindow::MainWindow(QWidget *parent) :  
        QMainWindow(parent),  
        ui(new Ui::MainWindow)  
    {  
        ui->setupUi(this);  
        //信号槽方式下父子窗体传值的测试  
        Dialog *dlg = new Dialog;  
        //关联信号和槽函数  
        connect(dlg,SIGNAL(sendData(QString)),this,SLOT(receiveData(QString)));  
       // dlg->setModal(true); 不论是模态或者非模态都可以正常传值  
        dlg->show();  
    }  

 　　这里，我没有将父窗口的指针传递到Dialog中，如new Dialog(this),这种方式下，实际上可以归结到第三类传值方式中去。因为此时，可以使用MainWindow中的父窗口的函数进行数据的赋值和操作。

      这里，可能还有一个问题就是，父窗口如何给子窗口传值，一方面，仍然可以使用信号和槽的方式进行，但是，我感觉更便利的方式倒是使用这种public接口的方式进行传值。这种来的更直接和明显。当然，可以看出Signal&Signal方式进行此类的处理会更有通用性。

    在receiveData(QString)的槽函数中进行接收到数据的处理，这里仅仅进行了简单的显示：

    void MainWindow::receiveData(QString data)  
    {  
        ui->textEdit->setText(data);  
    }  

 　　最后看下结果：

　　

　　最终的结果，因为信号和槽可以是多对多的，所以，在类似多个窗体广播信息时，这种方式就很有用，当然也可以使用全局变量的形式。

　  使用全局变量；

     使用public形式的函数接口；

     使用QT中的Event机制（这种没有把握，但是感觉应该是可以的），但是实现起来应该比前几种复杂，这里不做讨论。

　  5.中文支持：

　　网上搜索一下，找到的都是这种：

#include < QTextCodec >
int main(int argc, char **argv)
{
....................
QTextCodec::setCodecForTr(QTextCodec::codecForName("UTF8"));
QTextCodec::setCodecForLocale(QTextCodec::codecForName("UTF8"));
QTextCodec::setCodecForCStrings(QTextCodec::codecForName("UTF8"));
..........................
}

 　　Qt5中， 取消了QTextCodec::setCodecForTr()和QTextCodec::setCodecForCString()这两个函数，而且网上很多都是不推荐这种写法。

有一下几种转换方法：

1、

QTextCodec * BianMa = QTextCodec::codecForName ( "GBK" );

    QMessageBox::information(this, "提示", BianMa->toUnicode("中文显示!"));

 2、也可以通过QString定义的静态函数，先转换成Unicode类型：

QString::fromLocal8Bit("提示")

 3、在Qt5中，提供了一个专门的处理宏，来支持中文常量，那就是QStringLiteral，但它只能处理常量。

QMessageBox::information(this, QString::fromLocal8Bit("提示"), QStringLiteral("中文显示"));const char* info = "中文显示";
    //不支持
    QString strInfo = QStringLiteral(info);
    //支持
    QString strInfo = QString::fromLocal8Bit(info);

QByteArray QString::toLatin1() const

　　Latin1是ISO-8859-1的别名，有些环境下写作Latin-1。
　　ISO-8859-1编码是单字节编码，向下兼容ASCII，其编码范围是0x00-0xFF，0x00-0x7F之间完全和ASCII一致，0x80-0x9F之间是控制字符，0xA0-0xFF之间是文字符号。

　　toLatin1压缩掉了QString自动给每个英文字符加上的那些00字节.

QString与QByteArray互相转换的方法

　　QString转QByteArray方法

//Qt5.3.2
QString str("hello");  
QByteArray bytes = str.toUtf8(); // QString转QByteArray方法1 

QString str("hello");  
QByteArray bytes = str.toLatin1();  // QString转QByteArray方法2

 　　QByteArray转QString方法

//Qt5.3.2
    QByteArray bytes("hello world");
    QString string = bytes;   // QByteArray转QString方法1

    QByteArray bytes("hello world");
    QString string;
    string.prepend(bytes);// QByteArray转QString方法2

    qDebug() << string;

 　　QByteArray类同样不以’’为结尾：如

QByteArray bytes;  
bytes.resize(5);  
bytes[0] = '1';  
bytes[1] = '2';  
bytes[2] = '3';  
bytes[3] = '';  
bytes[4] = 'a';  

cout << bytes << endl;  

三、结果图

登录界面：

好友列表：

注册界面：

聊天窗口：

聊天记录：