文章目录

一、引言
- 1、即时通信系统的基本概念和应用场景
- 2、Qt框架在实现即时通信系统中的应用
二、主界面设计
- 2.1 界面设计的基本要求
- 2.2 主界面的设计
三、通信功能实现
- 3.1 通信协议的选择
- - 3.1.1 TCP协议和UDP协议的优缺点比较
  - 3.1.2选择何种协议进行即时通信系统的实现
- 3.2 通信功能的实现
四、核心代码
- 4.1 客户端
- 4.2 服务端
五、效果展示
六、个人经验分享
- 6.1 在开发即时通信系统时，我认为以下几点是非常重要的：
- 6.2 自己遇到的问题和解决方案：
七、结语

一、引言

1、即时通信系统的基本概念和应用场景

当今社交和工作环境中，人们需要随时随地与其他人进行沟通和交流。传统的邮件和短信已经不能满足人们的需求，因此即时通信系统成为了人们交流的主要方式之一。即时通信系统不仅可以让人们快速、便捷地进行文字、语音、图片和视频等多种形式的信息交流，还可以方便地创建群组和进行多人会话，极大地提高了人们的工作效率和社交体验。

2、Qt框架在实现即时通信系统中的应用

Qt框架作为一款跨平台的应用程序开发框架，具有优秀的可移植性、高效性和易用性，在即时通信系统的开发中得到了广泛的应用。Qt框架提供了丰富的组件和工具，可以方便地实现用户界面、网络通信、数据存储等功能，同时也支持多线程和异步编程，可以提高系统的稳定性和响应速度。本文将介绍Qt框架在即时通信系统开发中的应用，包括界面设计、网络通信、数据存储等方面，旨在为读者提供一些有益的经验和启示。

二、主界面设计

2.1 界面设计的基本要求

在实现即时通信系统的主界面时，一个好的界面设计可以提高用户体验，增加使用者的满意度。下面列出了一些基本的设计要求：

界面美观简洁：一个好的界面设计应该是美观、简洁的，可以吸引用户的注意力，同时不会让用户感到过于复杂和繁琐。

功能合理布局：各个功能模块应该有合理的布局，方便用户使用和操作。

2.2 主界面的设计

在即时通信系统的界面设计中，借鉴QQ的设计是一个不错的选择。上方的用户头像、昵称等信息可以给用户提供个性化的展示，并且也方便用户进行个人信息的查看和修改。而下方的消息、联系人等功能区则是即时通信系统不可或缺的功能。其中，消息区需要实现消息的展示和发送，可以通过界面美观简洁、信息排版合理、消息颜色区分等方式提高用户的使用体验。而联系人区则需要实现联系人列表的展示和联系人搜索等功能，使用户能够方便快捷地查找和联系朋友。同时，切换消息和联系人界面的功能也是很重要的，这可以通过界面元素的布局和设计来实现，比如在界面顶部添加一个选项卡或侧边栏等。总之，一个好的即时通信系统界面应该既美观又实用，同时能够提供良好的用户体验和使用效率。

三、通信功能实现

3.1 通信协议的选择

3.1.1 TCP协议和UDP协议的优缺点比较

在即时通信系统中，TCP协议和UDP协议都可以用于通信。TCP协议是一种面向连接的、可靠的协议，数据传输的时候会进行错误校验和重传，保证数据的准确性和完整性。而UDP协议是一种无连接的、不可靠的协议，不进行错误校验和重传，但传输速度较快。

3.1.2选择何种协议进行即时通信系统的实现

在实现即时通信系统时，选择合适的通信协议是至关重要的。如果我们需要保证数据传输的可靠性和完整性，那么TCP协议是更好的选择；如果我们需要更快的传输速度，则可以选择UDP协议。当用户进入即时通信系统时，系统需要通过TCP连接来展示页面内容，这样可以保证用户信息的安全性，避免信息泄露的风险。

3.2 通信功能的实现

客户端与服务端之间的通信是实现即时通信系统的核心功能。在Qt中，可以使用QTcpSocket和QTcpServer类来实现客户端与服务端的通信。

具体实现过程如下：客户端首先会发送登录请求给服务端，服务端根据客户端提供的账号和密码查询数据库，找到用户的相关信息，并将其打包为JSON格式的数据返回给客户端。在客户端与服务端建立连接之后，客户端可以向服务端发送消息，服务端接收到消息之后，根据消息的类型进行相应的处理，然后将处理结果返回给客户端。

在实现通信功能时，我们需要根据实际需求选择合适的通信协议。如果要求数据传输的可靠性和完整性，可以选择TCP协议；如果要求传输速度快，可以选择UDP协议。通常情况下，我们在即时通信系统中使用TCP协议来传输数据，因为TCP协议具有可靠性、完整性和安全性等优点，能够保证数据传输的稳定性和安全性，不容易让用户的信息泄露。

四、核心代码

4.1 客户端

void Main_Home::reciveLogin(QJsonObject jsonObj,QTcpSocket* tcpSocket){
    qDebug() <<"进入   主函数中" << tcpSocket;
    tcpSocketChatBox=tcpSocket; // 赋值给聊天时候的通信套接字

    int errorCode = jsonObj["error_code"].toInt();
    QString errorMsg = jsonObj["error_msg"].toString();
    avatar = jsonObj["avatar"].toString();
    id=jsonObj["Id"].toString();
    nikeName = jsonObj["nikeName"].toString();
    birthday = jsonObj["birthday"].toString();
    sex = jsonObj["sex"].toString();
    bloodType = jsonObj["bloodType"].toString();
    area = jsonObj["area"].toString();
    phone = jsonObj["phone"].toString();
    email = jsonObj["email"].toString();
    signature=jsonObj["signature"].toString();
    personDescription = jsonObj["personDescription"].toString();
    base64Data=jsonObj["base64Data"].toString().toUtf8();
    decodeData=QByteArray::fromBase64(base64Data); // 解码
//    QString decodeString=QString::fromUtf8(decodeData);
    QString Id=jsonObj["Id"].toString();

    qDebug() <<"nikeName:" << nikeName
            <<"birthday:" << birthday
           <<"sex:"<<sex
          <<"bloodType:"<<bloodType
         <<"area:"<<area
        <<"phone:"<<phone
       <<"email:"<<email
      <<"personDescription:"<<personDescription;


    qDebug() << "Id:"<<Id;
    qDebug() << "状态码:" << errorCode;
    ui->label_nikeName->setText(nikeName);  // 设置昵称
    ui->label_sentence->setText(signature); // 设置签名
    // 给pushbotton设置头像
    QPixmap pixmap;
    pixmap.loadFromData(decodeData);
    ui->pushButton->setIcon(QIcon(pixmap));
    // 因为消息和联系人在这里已经生成，所以只需要改动这块
    layout_Contact->setData(Id,tcpSocketChatBox);
    this->show();
}

4.2 服务端

QJsonArray friendsArray;
    QSqlQuery query_select_list;
    query_select_list.prepare("SELECT * FROM user_information WHERE id = :id");
    for(int i=0;i<friendList.length();i++){
        query_select_list.bindValue(":id", friendList[i]);
        qDebug() << "执行的 SQL 语句为：" << query_select_list.lastQuery();
        if(query_select_list.exec()){
            while(query_select_list.next()){
                qDebug() << "每一次："<<query_select_list.value(0).toString();
                QJsonObject friendObject;
                friendObject.insert("id", query_select_list.value(0).toString());
                friendObject.insert("name", query_select_list.value(1).toString());
                friendObject.insert("avatar", query_select_list.value(4).toString());
                friendObject.insert("signature", query_select_list.value(9).toString());
                // 查询好友头像 调用相应方法返回base64格式数据
                friendObject.insert("base64Data",loadAvatarFromFolderAndDB(query_select_list.value(4).toString()));
                friendsArray.append(friendObject);
            }
        } else {
            qDebug() <<"查询失败";
        }

    }
    json.insert("friends", friendsArray);
    sendJsonResponse(tcpsocket,json);