【QT】网络模块案例——聊天室

已于 2022-02-20 04:53:28 修改
阅读量1.2k 收藏 3
点赞数 1
分类专栏： QT 文章标签： qt
于 2022-02-20 03:14:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/XY1790026787/article/details/123026862
版权

案例——网络聊天室

服务端

  • chat-room-server.pro

    QT       += core gui network

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

CONFIG += c++11

SOURCES += \
    main.cpp \
    dialog.cpp

HEADERS += \
    dialog.h

FORMS += \
    dialog.ui

  • dialog.ui

    <?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>Dialog</class>
 <widget class="QDialog" name="Dialog">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>526</width>
    <height>372</height>
   </rect>
  </property>
  <property name="font">
   <font>
    <family>Inconsolata</family>
    <pointsize>16</pointsize>
   </font>
  </property>
  <property name="windowTitle">
   <string>聊天室服务端</string>
  </property>
  <layout class="QVBoxLayout" name="verticalLayout">
   <item>
    <layout class="QHBoxLayout" name="horizontalLayout">
     <item>
      <spacer name="horizontalSpacer">
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>40</width>
         <height>20</height>
        </size>
       </property>
      </spacer>
     </item>
     <item>
      <widget class="QListWidget" name="listWidget">
       <property name="minimumSize">
        <size>
         <width>480</width>
         <height>270</height>
        </size>
       </property>
       <property name="maximumSize">
        <size>
         <width>480</width>
         <height>270</height>
        </size>
       </property>
      </widget>
     </item>
     <item>
      <spacer name="horizontalSpacer_2">
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>40</width>
         <height>20</height>
        </size>
       </property>
      </spacer>
     </item>
    </layout>
   </item>
   <item>
    <layout class="QGridLayout" name="gridLayout">
     <item row="0" column="0">
      <widget class="QLabel" name="portLabel">
       <property name="text">
        <string> 服务器端口：</string>
       </property>
      </widget>
     </item>
     <item row="0" column="1">
      <widget class="QLineEdit" name="portEdit">
       <property name="text">
        <string>8080</string>
       </property>
      </widget>
     </item>
    </layout>
   </item>
   <item>
    <widget class="QPushButton" name="createButton">
     <property name="text">
      <string>创建服务器</string>
     </property>
    </widget>
   </item>
  </layout>
 </widget>
 <resources/>
 <connections/>
</ui>

    在这里插入图片描述

  • dialog.h

    #ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QTcpServer>
#include <QTcpSocket>
#include <QTimer>

QT_BEGIN_NAMESPACE
namespace Ui { class Dialog; }
QT_END_NAMESPACE

class Dialog : public QDialog {
Q_OBJECT
public:
    Dialog(QWidget* parent = nullptr);
    ~Dialog();
private slots:
    // 创建服务器按钮点击槽函数
    void on_createButton_clicked();
    // 响应客户端连接请求槽函数
    void onNewConnection();
    // 接收欧客户端消息槽函数
    void onReadyRead();
    // 通信断开检查槽函数
    void onTimeout();
private:
    // 转发聊天消息到其它客户端
    void sendMessage(const QByteArray& buf);
private:
    Ui::Dialog* ui;
    QTcpServer tcpServer;
    quint16 port;
    QList<QTcpSocket*> tcpClientList;
    QTimer timer;
};

#endif // DIALOG_H

  • dialog.cpp

    #include "dialog.h"
#include "ui_dialog.h"

Dialog::Dialog(QWidget* parent) : QDialog(parent), ui(new Ui::Dialog) {
    ui->setupUi(this);
    connect(&tcpServer, SIGNAL(newConnection()), this, SLOT(onNewConnection()));
    connect(&timer, SIGNAL(timeout()), SLOT(onTimeout()));
}

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

// 创建服务器按钮点击槽函数
void Dialog::on_createButton_clicked() {
    port = ui->portEdit->text().toShort();
    if (tcpServer.listen(QHostAddress::Any, port)) {
        qDebug() << "创建服务器成功";
        ui->createButton->setEnabled(false);
        ui->portEdit->setEnabled(false);
        // 开启定时器
        timer.start(3000);
    } else {
        qDebug() << "创建服务器失败";
    }
}

// 响应客户端连接请求槽函数
void Dialog::onNewConnection() {
    // 后去和客户端通信的套接字
    QTcpSocket* tcpSocket = tcpServer.nextPendingConnection();
    // 保存套接字到容器
    tcpClientList.append(tcpSocket);
    // 当客户端向服务器发送消息时通信套接字发送 readyRead() 信号
    connect(tcpSocket, SIGNAL(readyRead()), this, SLOT(onReadyRead()));

}

// 接收欧客户端消息槽函数
void Dialog::onReadyRead() {
    // 遍历容器获取哪个客户端给服务器发送了消息
    for (int i = 0; i < tcpClientList.size(); i++) {
        // 返回 0 表示没有消息
        if (tcpClientList.at(i)->bytesAvailable() != 0) {
            // 读取消息
            QByteArray buf = tcpClientList.at(i)->readAll();
            // 显示消息
            ui->listWidget->addItem(buf);
            ui->listWidget->scrollToBottom();
            // 转发消息给所有在线客户端
            sendMessage(buf);
        }
    }
}

// 通信断开检查槽函数
void Dialog::onTimeout() {
    // 遍历检查容器中保存的通信套接字是否已经断开连接，如果是则删除
    for (int i = 0; i < tcpClientList.size(); i++) {
        if (tcpClientList.at(i)->state() == QAbstractSocket::UnconnectedState) {
            tcpClientList.removeAt(i);
            i--;
        }
    }
}

// 转发聊天消息到其它客户端
void Dialog::sendMessage(const QByteArray& buf) {
    for (int i = 0; i < tcpClientList.size(); i++) {
        tcpClientList.at(i)->write(buf);
    }
}
客户端

  • dialog.ui

    <?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>Dialog</class>
 <widget class="QDialog" name="Dialog">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>526</width>
    <height>491</height>
   </rect>
  </property>
  <property name="font">
   <font>
    <family>Inconsolata</family>
    <pointsize>16</pointsize>
   </font>
  </property>
  <property name="windowTitle">
   <string>聊天室客户端</string>
  </property>
  <layout class="QVBoxLayout" name="verticalLayout">
   <item>
    <layout class="QHBoxLayout" name="horizontalLayout">
     <item>
      <spacer name="horizontalSpacer">
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>40</width>
         <height>20</height>
        </size>
       </property>
      </spacer>
     </item>
     <item>
      <widget class="QListWidget" name="listWidget">
       <property name="minimumSize">
        <size>
         <width>480</width>
         <height>270</height>
        </size>
       </property>
       <property name="maximumSize">
        <size>
         <width>480</width>
         <height>270</height>
        </size>
       </property>
      </widget>
     </item>
     <item>
      <spacer name="horizontalSpacer_2">
       <property name="orientation">
        <enum>Qt::Horizontal</enum>
       </property>
       <property name="sizeHint" stdset="0">
        <size>
         <width>40</width>
         <height>20</height>
        </size>
       </property>
      </spacer>
     </item>
    </layout>
   </item>
   <item>
    <layout class="QGridLayout" name="gridLayout">
     <item row="0" column="1">
      <widget class="QLineEdit" name="hostEdit">
       <property name="text">
        <string>127.0.0.1</string>
       </property>
      </widget>
     </item>
     <item row="2" column="1">
      <widget class="QLineEdit" name="nicknameEdit">
       <property name="text">
        <string/>
       </property>
      </widget>
     </item>
     <item row="2" column="0">
      <widget class="QLabel" name="nicknameLabel">
       <property name="text">
        <string>聊天室昵称：</string>
       </property>
      </widget>
     </item>
     <item row="0" column="0">
      <widget class="QLabel" name="hostLabel">
       <property name="text">
        <string>服务器地址：</string>
       </property>
      </widget>
     </item>
     <item row="1" column="0">
      <widget class="QLabel" name="portLabel">
       <property name="text">
        <string>服务器端口：</string>
       </property>
      </widget>
     </item>
     <item row="1" column="1">
      <widget class="QLineEdit" name="portEdit">
       <property name="text">
        <string>8080</string>
       </property>
      </widget>
     </item>
    </layout>
   </item>
   <item>
    <widget class="QPushButton" name="connectButton">
     <property name="text">
      <string>连接服务器</string>
     </property>
    </widget>
   </item>
   <item>
    <layout class="QHBoxLayout" name="horizontalLayout_2">
     <item>
      <widget class="QLineEdit" name="messageEdit"/>
     </item>
     <item>
      <widget class="QPushButton" name="sendButton">
       <property name="enabled">
        <bool>false</bool>
       </property>
       <property name="text">
        <string>发送</string>
       </property>
      </widget>
     </item>
    </layout>
   </item>
  </layout>
 </widget>
 <resources/>
 <connections/>
</ui>

    在这里插入图片描述

  • dialog.h

    #ifndef DIALOG_H
#define DIALOG_H

#include <QDialog>
#include <QTcpSocket>
#include <QHostAddress>
#include <QMessageBox>

QT_BEGIN_NAMESPACE
namespace Ui { class Dialog; }
QT_END_NAMESPACE

class Dialog : public QDialog {
Q_OBJECT
public:
    Dialog(QWidget* parent = nullptr);
    ~Dialog();
private slots:
    void on_connectButton_clicked();
    void on_sendButton_clicked();
    void onConnected();
    void onDisconnected();
    void onReadyRead();
    // 网络异常槽函数
    void onErrorOccurred(QAbstractSocket::SocketError);
private:
    Ui::Dialog* ui;
    bool alive;
    QTcpSocket tcpSocket;
    QHostAddress host;
    quint16 port;
    QString nickname;
};

#endif // DIALOG_H

  • dialog.cpp

    #include "dialog.h"
#include "ui_dialog.h"

Dialog::Dialog(QWidget* parent) : QDialog(parent), ui(new Ui::Dialog) {
    ui->setupUi(this);
    alive = false;
    connect(&tcpSocket, SIGNAL(connected()), this, SLOT(onConnected()));
    connect(&tcpSocket, SIGNAL(disconnected()), this, SLOT(onDisconnected()));
    connect(&tcpSocket, SIGNAL(readyRead()), this, SLOT(onReadyRead()));
    connect(&tcpSocket, SIGNAL(errorOccurred(QAbstractSocket::SocketError)), this, SLOT(onErrorOccurred(QAbstractSocket::SocketError)));
}

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

void Dialog::on_connectButton_clicked() {
    // 如果当前是离线状态，则建立和服务器的连接，否则端口和服务器的连接
    if (!alive) {
        host.setAddress(ui->hostEdit->text());
        port = ui->portEdit->text().toShort();
        nickname = ui->nicknameEdit->text();
        tcpSocket.connectToHost(host, port);
    } else {
        QString message = "系统: " + nickname + "离开了聊天室";
        tcpSocket.write(message.toUtf8());
        tcpSocket.disconnectFromHost();
    }
}


void Dialog::on_sendButton_clicked() {
    QString message = ui->messageEdit->text();
    if (message == "") {
        return;
    }
    message = nickname + ": " + message;
    tcpSocket.write(message.toUtf8());
    ui->messageEdit->clear();
}

void Dialog::onConnected() {
    alive = true;
    ui->sendButton->setEnabled(true);
    ui->hostEdit->setEnabled(false);
    ui->portEdit->setEnabled(false);
    ui->nicknameEdit->setEnabled(false);
    ui->connectButton->setText("离开聊天室");
    // 发送系统提示消息
    QString message = "系统: " + nickname + "进入了聊天室";
    tcpSocket.write(message.toUtf8());
}

void Dialog::onDisconnected() {
    alive = false;
    ui->sendButton->setEnabled(false);
    ui->hostEdit->setEnabled(true);
    ui->portEdit->setEnabled(true);
    ui->nicknameEdit->setEnabled(true);
    ui->connectButton->setText("连接服务器");
}

void Dialog::onReadyRead() {
    if (tcpSocket.bytesAvailable() != 0) {
        QByteArray buf = tcpSocket.readAll();
        ui->listWidget->addItem(buf);
        ui->listWidget->scrollToBottom();
    }
}

// 网络异常槽函数
void Dialog::onErrorOccurred(QAbstractSocket::SocketError) {
    QMessageBox::critical(this, "Error", tcpSocket.errorString());
}
效果

在这里插入图片描述

十二翼堕落天使
关注
专栏目录
18. Python IDE的介绍和选择——《跟老吕学Python·新手》
Python老吕的博客
04-29 245
18. Python IDE的介绍和选择18.1 IDE的核心功能18.2 常见的Python IDE18.2.1 ⭐IDLE：Python编程的得力助手⭐18.2.2 ⭐PyCharm —— Python开发者的得力助手⭐18.2.9 Vim18.2.21 Mu18.3 如何选择适合自己的IDEPython，作为一种广泛使用的高级编程语言，其简洁的语法和强大的功能库，使得它在数据科学、人工智能、Web开发等多个领域都备受青睐。
Android 上千实例源码分析以及开源分析
吧主
04-12 9185
Android 上千实例源码分析以及开源分析（百度云分享） 要下载的直接翻到最后吧，项目实例有点多。 首先 介绍几本书籍(下载包中)吧。 01_Android系统概述 02_Android系统的开发综述 03_Android的Linux内核与驱动程序 04_Android的底层库和程序 05_Android的JAVA虚拟机和JAVA环境 06_Android的GUI系统 07_A
基于qt的聊天室
03-01
客户端采用qt编写，服务器采用Windows API Mysql 以及c++相关操作实现c/s架构的tcp聊天室
QT实现聊天室
m0_52857070的博客
07-24 3980
QT实现，使用C++编程语言、TCP通信协议、sqlite数据库实现一个网络聊天室
使用Qt 实现简单聊天室
05-09
qt 使用qsocket实现简单聊天室，不同IP下可以进行聊天
QT--聊天室
最新发布
qq_68683005的博客
07-29 454
用QT做一个聊天室。
Qt实现简易聊天室
Great_Scientist的博客
08-13 4280
Qt实现一个简易的qq聊天软件的制作。软件的功能暂时只实现群聊
Qt及QtQuick 与 源码
02-05
3. **聊天室**：聊天室的开发可能包括网络通信、消息显示和用户交互等功能。Qt的网络模块支持TCP/UDP协议，可以用来建立客户端-服务器架构，而QML则负责用户界面的展示和交互。 **源码分析** 书中附带的源码提供了...
C++模块化编程初探：掌握模块化概念与基础实现的5大秘诀
编程范式是编程方式的抽象，C++作为一种支持多种编程范式的语言，从过程式到面向对象，再到模块化编程，它的演变代表了软件工程对于代码组织方式认识的深化。模块化编程是C++在现代软件开发中的一种重要实践，旨在...
「需求广场」需求词更新明细（三）
csdndownload01的博客
05-18 4090
本期共更新需求词641个，全量展示供各位上传者参考。
基于QT的简单聊天室
07-04
基于QT的简单聊天，可以再进行交流，简单易懂
基于QT聊天室
05-25
已完成功能：注册，登录，添加好友，显示好友列表，双击好友列表弹出私聊对话框，可以私聊 群聊（所有在线用户）,状态更新（客户端没做处理）,文件（客户端下载） 用法： 1先打开ser文件夹里的server 2打开客户端 任务： 1添加好友时不在线问题（服务器） 2传好友信息的延时问题（服务器） 3私聊界面要显示好友昵称，id,最好标出昵称，id 4客户端状态更新 5好友界面要显示自己的iD及昵称 6代码一定要注释，至少每个函数是干什么的要写 7文件 8聊天记录打开了怎么收回去 9界面优化 10中文问题，群聊 11注册之后信息的保存（服务器） 12文件链表 13私聊自动弹出窗口昵称问题 14注册昵称和密码一样 15注册是编辑框问题 16删除好友回复最好有id
基于Qt实现局域网聊天室(毕设)
07-30
一、项目介绍 1. 可以进行私聊和传输文件功能 2. 管理员可以进行权限管理 3. 数据库使用Mysql数据库，使用本项目，需要提前在服务器或者本地安装Mysql数据库，版本最好是32位的5.7.31版本 4.因为其中有大量访问数据库的地方，因此一定要看文件附加的帮助文档 5.本软件是局域网下的，不要跨网段使用。 二、主要实现内容： 1.通过定时器实时访问数据库标志位，就可以在局域网内判断对方是否在线离线，实时反应。 2.私聊中，普通消息的传输使用UDP协议，文件传输使用TCP协议，因为中间没有中转服务器，当给对方发送文件时，自己作为服务端，对方为客户端。对方给自己发文件时，自己变为客户端，如此变换身份实现聊天。
一款Qt制作的聊天室项目
07-19
linux上Qt开发的聊天室项目，基于CS架构，可以实现多人聊天的功能
QT网络聊天室
07-22
QT网络聊天室，可以实现多用户同时登陆，服务端可监视客户端发送的消息，并且可以发送文件
Qt Tcp网络聊天室
weixin_48657573的博客
09-26 1092
基于客户端和服务器的架构，创建一个QTcpSocket的链表，其中每一个节点保存每个客户端的指针。这个客户端可以设置字体的样式，保存聊天记录，清空窗口，换肤等功能。源码(vx)：zrccode。
Qt 聊天室的实现
qq_46418241的博客
02-27 1959
效果展示 该项目包括布局，QListWidget控件的点击 包括qt Qtcpsocket的使用 #ifndef DENGLU_H #define DENGLU_H #include <QWidget> namespace Ui { class denglu; } class denglu : public QWidget { Q_OBJECT public: explicit denglu(QWidget *parent = nullptr); ~deng
Qt项目：基于Qt实现的网络聊天室---聊天界面
海绵宝宝de派小星的博客
07-12 1724
聊天界面
qt实现的简易版网络聊天室
m0_68004652的博客
10-14 968
qt实现的简易版网络聊天室
云曦Chatting：基于Qt的多功能网络聊天室开发
资源摘要信息:"基于Qt的网络聊天室——云曦Chatting是一个以Qt为开发框架，结合C++编程语言开发的网络聊天室应用。该聊天室能够实现多个用户之间的即时通信，支持群聊和私聊功能。用户可以通过该平台添加好友，创建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值