【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());
}
效果

在这里插入图片描述

十二翼堕落天使
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2.6 Python常用开发工具——《跟老吕学Python》
Python老吕的博客
04-28 101
VS Code允许你根据自己的习惯自定义编辑器的设置和快捷键。你可以调整字体大小、颜色主题、自动保存选项等，以满足你的个性化需求。同时，你还可以创建自定义的快捷键来执行常用操作，进一步提高你的工作效率。Jupyter Notebook允许用户自定义其界面和主题。用户可以选择不同的布局、字体、颜色和图标等，以创建符合自己喜好的工作环境。用户可以根据自己的喜好自定义 Sublime Text 的界面和主题，使其更加符合自己的审美和使用习惯。Atom允许用户通过修改配置文件、安装插件和主题等方式进行高度自定义。
基于Qt的网络聊天室——云曦Chatting
04-22
基于Qt的网络聊天室，可进行群聊，私聊，添加好友，创建群聊，添加群聊等功能
【QT教程】QT6 WebSocket编程
QT界面开发界面美化
04-07 2038
WebSocket概述WebSocket概述WebSocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。它允许服务端主动发送信息给客户端，是实现推送（Push）技术的一种非常流行的解决方案。WebSocket的特点持久的连接与传统的HTTP连接不同，WebSocket连接一旦建立，就可以持续开放，直到任意一方关闭连接。这种持久的连接大大减少了建立和关闭连接的次数，减少了延迟，提高了通信效率。服务器主动推送。
基于QT的TCP本地与不同局域网（使用公网）的简易聊天室
2301_81070376的博客
05-28 2576
本文包含了目前平台上大多数的文章所采取的本地tcp构建的聊天室项目，也就是同一局域网通信。同时，我在这里提供不同局域网下实现通信的方法，这里用到的方法是客户端发送消息给服务器，然后服务器再发送给另一个局域网的客户，为了减少工作量，我采取的是用群聊的方式同一接收信息。如果需要实现不同局域网的通信，我们得租一个云服务器，这里以华为云示例。文章最后一并展示参考文档与视频链接。
【QT教程】QT6网络编程
QT界面开发界面美化
04-04 857
在实际开发中，我们需要关注HTTP状态码、响应头和响应体的处理，并根据不同的错误类型进行相应的处理，以提升用户体验。本章将详细介绍QT6中使用QNetworkAccessManager进行HTTP请求的高级用法，包括GET和POST请求，以及一些进阶主题如请求头的设置、身份验证、处理Cookies和连接池的使用等。网络层负责数据包在网络中的传输，包括数据包的寻址、路由选择和数据包转发。在本章中，我们介绍了QT6网络事件循环的原理和主要组件，并提供了一个简单的示例来展示如何在事件循环中处理网络事件。
左耳听风——笔记二：程序员练级攻略
热门推荐
页页的博客
10-26 5万+
左耳听风——笔记二：程序员练级攻略
无网络传输android
s2421458535的博客
05-31 451
首页博客学院下载GitChatTinyMind论坛问答商城VIP活动招聘ITeyeCSTO写博客发Chat郭霖Android技术分享平台,每天都有优质技术文章推送.你还可以向公众号投稿,将自己总结的技术心得分享给大家....RSS订阅转点对点文件传输，Android无网络传输文件的原理2018年04月04日 00:00:00阅读数：158今日科技快讯昨日，上海交通执法部门在虹桥机场、虹桥火车站等共...
蓝桥ROS机器人之现代C++学习笔记之路径规划
zhangrelay的专栏
04-26 1412
蓝桥云课有C和C++路径，看博客觉得杂乱无章，推荐按如下路径进行循序渐进的实践学习。 C++ 一共 29门课 阶段 0：新手预备 新人必学 新手入门指南之玩转蓝桥云课 新手入门指南之玩转蓝桥云课 本课程为蓝桥云课新手入门指南，我们将带你了解蓝桥云课的常用功能和环境使用方法。课程将通过不同的小例子，让每位学员亲自体验到蓝桥云课线上环境的便捷性和易用性。 460923人学过 初级 C 语言简明教程 C 语言简明教程 本课程讲解 C 语言的开发环境以及对 C 语言的剖析，引入大量的 C .
后台服务器开发都要会些啥？| 内卷么？
程序猿石头的博客
04-10 1043
前言大家好，我是石头哥。上周的文章鸽了，因为跑去“北方小桂林”玩了一圈。风景还不错，给大家看看。这是一张航拍的全景图，我的小飞机时隔一年终于派上用场了。当然，你识别下面的小程序二维码，观看...
最后一篇面经和学习经验分享！
Dada_ping的博客
12-06 877
昨天给大家进行了一场直播，这场直播也是我一直想直播的(给大家一些全面的回答)，为什么这么说呢？通过前几篇的文章，发现很多人都对这个比较有心里冲击性，比如说我之前在csdn上发布的文章，最...
83篇文献-万字总结强化学习之路
Datawhale
03-01 1393
深度强化学习实验室报道作者：侯宇清，陈玉荣编辑：DeepRL深度强化学习是深度学习与强化学习相结合的产物，它集成了深度学习在视觉等感知问题上强大的理解能力，以及强化学习的决策能力，实现了...
基于Qt实现局域网聊天室(毕设)
07-30
(文件中有介绍文档，看一下) 本项目绝对是可以运行的，不行私聊我解决。 一、项目介绍 0.本项目是本人毕业设计项目，原创，拒绝抄袭，可以学习参考！...对方给自己发文件时，自己变为客户端，如此变换身份实现聊天。
qt TCP网络编程与聊天室的实现
01-21
在本文中，我们将深入探讨如何使用Qt库进行TCP网络编程，并通过实例介绍如何构建一个简单的聊天室应用。Qt是一个功能强大的跨平台开发框架，尤其在图形用户界面和网络编程方面表现卓越。QTcpServer和QTcpSocket是Qt...
基于Qt设计的的多人网络聊天室
07-03
【标题】：“基于Qt设计的多人网络聊天室” 在IT领域，Qt是一个广泛使用的跨平台应用程序开发框架，它由The Qt Company提供，并被开源社区广泛支持。本项目“基于Qt设计的多人网络聊天室”利用Qt Creator作为集成...
基于QT的网络聊天室和服务器
03-16
综上所述，"基于QT的网络聊天室和服务器"项目涵盖了网络编程、GUI设计、并发处理以及数据传输等多个IT技术领域，是学习QT和网络编程的一个实用案例。通过这个项目，开发者不仅可以深入理解QT库的使用，还能掌握如何...
QT--线程
m0_51830537的博客
07-24 1178
【代码】QT--线程。
Qt触摸事件开发总结
最新发布
漫步者
07-24 636
在触摸设备中，触摸屏的触摸事件发送到系统中后，qt系统默认会将触摸事件转换为鼠标事件，但是这并不以为意味着触摸事件消失了，而是在系统中触摸事件、鼠标事件同时存在，如果某个控件打开了手势开关，那么系统将同时存在触摸事件、鼠标事件和手势事件。第一个问题，首先说qt系统中的触摸事件、鼠标事件和手势事件是否可以共存，答案是肯定的，默认情况下qt系统会将触摸事件（touch事件）转换为鼠标事件，也就是说。最近对触摸事件比较感兴趣，研究了一下触摸相关的事件，并在此进行整理，不准确的地方希望大家斧正。
C++客户端Qt开发——Qt窗口（菜单栏）
m0_63596031的博客
07-24 565
Qt窗口是通过类来实现的。是一个为用户提供主窗口程序的类，继承自QWidget类，并且提供了一个预定义的布局。包含一个菜单栏(menu bar)、多个工具栏(tool bars)、多个浮动窗口（铆接部件)(dock widgets、一个状态栏(status bar)和一个中心部件(central widget),它是许多应用程序的基础，如文本编辑器，图片编辑器等。
qt网络聊天室系统的操作可行性
05-30
Qt网络聊天室系统的操作也是可行的。Qt提供了丰富的GUI控件和界面设计工具，可以制作出漂亮而且易用的聊天室界面。在实现聊天室功能方面，Qt的网络编程模块可以实现客户端和服务器之间的消息传递和通信。同时，Qt还提供了跨平台的数据库操作接口，可以将聊天记录存储在本地或云端，并支持数据加密和备份等功能。综上所述，使用Qt实现网络聊天室系统的操作是可行的，而且具有良好的稳定性和扩展性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值