QT 与 C++实现基于[ TCP ]的聊天室界面

TCP客户端

cpp 复制代码

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QTcpSocket>   //客户端类
#include <QMessageBox>
#include <QListWidgetItem>
#include <QDebug>


QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

public slots:
    void connected_slot();//connected信号对应槽函数的声明
    void readyRead_slot();
    void disconnected_slot();

private slots:
    void on_connectbtn_clicked();

    void on_sendbtn_clicked();

    void on_disconnectbtn_clicked();

private:
    Ui::Widget *ui;
    QString msgfor="";

    //实例化一个客户端指针
    QTcpSocket *socket;

    //定义一个变量存储用户名
    QString userName;
};
#endif // WIDGET_H

cpp 复制代码

#include "widget.h"
#include "ui_widget.h"
#include <string>
#include<iostream>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
    ,socket(new QTcpSocket(this))//给客户端实例化空间
{
    ui->setupUi(this);

    //初始化界面，设置为不可用
    ui->msgEdit->setEnabled(false);
    ui->sendbtn->setEnabled(false);
    ui->disconnectbtn->setEnabled(false);

    //如果成功连接服务器，那么客户端就会自动发射一个connected()信号
    //将该信号连接到自定义的槽函数，书写逻辑代码。由于只需要连接一次，所以连接函数写在构造函数中
    connect(socket, &QTcpSocket::connected, this, &Widget::connected_slot);

    //此时说明客户端和服务器已经成功建立连接，如果服务器发来数据，那么客户端就会自动发射readyRead()信号
    //将该信号连接到自定义的槽函数中，读取数据。由于只需要连接一次，所以连接函数写在构造函数中
    connect(socket, &QTcpSocket::readyRead, this, &Widget::readyRead_slot);

    //如果成功与服务器断开连接，那么客户端就会自动发射disconnected信号
    //将信号连接到自定义的槽函数中处理逻辑代码 ，由于只需连接一次，所以连接函数写在构造函数中
    connect(socket, &QTcpSocket::disconnected, this, &Widget::disconnected_slot);
}

Widget::~Widget()
{
    delete ui;
}
//connected信号对槽函数实现
void Widget::connected_slot()
{
    //连接成功
    QMessageBox::information(this,"","连接服务器成功");

    //告诉服务器 我来了
    userName = ui->userNameEdit->text();
    //组织语言
    QString msg = userName + ": 进入聊天室";
    //将信息发送给服务器
    socket->write(msg.toLocal8Bit());

    //此时说明客户端和服务器已经成功建立连接，如果服务器发来数据，那么客户端就会自动发射readyRead()信号
    //将该信号连接到自定义的槽函数中，读取数据。由于只需要连接一次，所以连接函数写在构造函数中

    ui->msgEdit->setEnabled(true); //设置可用
    ui->sendbtn->setEnabled(true);
    ui->disconnectbtn->setEnabled(true);

    ui->userNameEdit->setEnabled(false);//设置不可用
    ui->ipEdit->setEnabled(false);
    ui->portEdit->setEnabled(false);
    ui->connectbtn->setEnabled(false);
}

//readyRead()信号对应槽函实现
void Widget::readyRead_slot()
{
    //读取服务器发来的数据
    QByteArray msg = socket->readAll();

    //将信息数据放入ui界面上
    QListWidgetItem *aItem;
    aItem=new QListWidgetItem();

    int num=userName.size();
    QString mmsg=QString::fromLocal8Bit(msg);

    //截取用户名
    QByteArray bytesSub = msg.left(num); // 截取字节
    QString mmsg1=QString::fromLocal8Bit(bytesSub);

    //判断用户名是否是自己
    if(mmsg1!=userName)
    {
        aItem->setText(mmsg);
        ui->listWidget->addItem(aItem);
    }
    else
    {
        QString msg2=msgfor+":"+userName;
        aItem->setText(msg2);
        aItem->setTextAlignment(Qt::AlignRight);
        ui->listWidget->addItem(aItem);
    }
}

//disconnected信号对应的槽函数实现
void Widget::disconnected_slot()
{
    ui->msgEdit->setEnabled(false); //设置不可用
    ui->sendbtn->setEnabled(false);
    ui->disconnectbtn->setEnabled(false);

    ui->userNameEdit->setEnabled(true);//设置可用
    ui->ipEdit->setEnabled(true);
    ui->portEdit->setEnabled(true);
    ui->connectbtn->setEnabled(true);
}

//---连接服务器按钮对应的槽函数
void Widget::on_connectbtn_clicked()
{
    //获取ui界面上的ip 和 端口号
    QString ip = ui->ipEdit->text();
    quint16 port = ui->portEdit->text().toUInt(); //将字符串转换整型

    //让客户端连接服务器
    //函数原型：virtual void connectToHost(const QString &hostName, quint16 port, OpenMode mode = ReadWrite, NetworkLayerProtocol protocol = AnyIPProtocol);
    //参数一:服务器的ip地址
    //参数二:服务器的端口号
    socket->connectToHost(ip, port);

    //如果成功连接到服务器，客户端就会自动发射一个connected信号进行连接
    //我们就可以将该信号连接到自定义槽函数中处理逻辑代码，由于只需要连接一次
    //所以将连接函数写在构造函数中
}

//发送按钮对应的槽函数处理
void Widget::on_sendbtn_clicked()
{
    //获取Ui界面上的内容
    QString msg = ui->msgEdit->text();
    msgfor=msg;

    msg = userName + ": " + msg;

//    //自己的消息放右边显示
//    QListWidgetItem *aItem=new QListWidgetItem();
//    QString msg2=msgfor+":"+userName;
//    aItem->setText(msg2);
//    aItem->setTextAlignment(Qt::AlignRight);
//    ui->listWidget->addItem(aItem);

    //将信息发送给服务器
    socket->write(msg.toLocal8Bit());

    //清空行编辑器
    ui->msgEdit->clear();
}

//断开连接按钮 对应的槽函数
void Widget::on_disconnectbtn_clicked()
{
    //告诉服务 我走了
    QString msg = userName + ":  优雅的离开了聊天室";

    socket->write(msg.toLocal8Bit());

    //将客户端与服务器断开连接
    socket->disconnectFromHost();

    //如果成功与服务器断开连接，那么客户端就会自动发射disconnected信号
    //将信号连接到自定义的槽函数中处理逻辑代码 ，由于只需连接一次，所以连接函数写在构造函数中
}

TCP服务器

cpp 复制代码

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QTcpServer>   //服务器类
#include <QMessageBox>  //消息对话框类
#include <QDebug>
#include <QTcpSocket>   //客户端类
#include <QList>        //链表容器

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();

public slots:
    void newConnect_slots();
    void readyRead_slot();

private slots:
    void on_startbtn_clicked();

private:
    Ui::Widget *ui;

    //实例化一个服务器指针
    QTcpServer *server;

    //定义一个存放客户端的容器
    QList<QTcpSocket*> socketList;

};
#endif // WIDGET_H

cpp 复制代码

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
    ,server(new QTcpServer(this))//给服务器对象实例化具体的空间
{
    ui->setupUi(this);
}

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

//newConnect信号对应的槽函数
void Widget::newConnect_slots()
{
    //有新的用户连接
    qDebug() << "有新的用户连接...";

    //获取最新连接的客户端套接字
    //函数原型：virtual QTcpSocket *nextPendingConnection();
    QTcpSocket *s=server->nextPendingConnection();

    //将获取的客户端放入客户端容器中
    socketList.push_back(s);

    //程序运行至此，此时说明服务器和客户端已经建立了连接
    //如果有客户端向服务器发来数据，客户端就会自动发射一个readyRead信号
    //就可以将该信号连接到自定义的槽函数中，读取数据
    connect(s, &QTcpSocket::readyRead, this, &Widget::readyRead_slot);
}

//readyRead信号对应的槽函数
void Widget::readyRead_slot()
{
    //遍历客户端容器，移除无效客户端
    for(int i=0; i<socketList.count(); i++)
    {
        //判断客户端和服务器的连接状态
        //函数原型：SocketState state() const;
        //函数返回值 枚举值为0的表示未连接的
        if( socketList.at(i)->state() == 0)
        {
            //删除该元素
            socketList.removeAt(i);
        }
    }

    //遍历客户端容器，寻找哪个客户端有数据待读
    for(int i=0; i<socketList.count(); i++)
    {
        //函数功能：数据的字节
        //函数原型：qint64 bytesAvailable() const override;
        if( socketList.at(i)->bytesAvailable() != 0) //说明有数据
        {
            //读取客户端发来的数据
            QByteArray msg = socketList.at(i)->readAll();

            //将读取到的数据 放入ui界面上
            ui->listWidget->addItem(QString::fromLocal8Bit(msg));

            //将数据广播给所有客户端
            for(int j=0; j<socketList.count(); j++)
            {
                //if(j!=i),第二种方法
                socketList.at(j)->write(msg);
            }
        }
    }
}

//启动服务器按钮对应的槽函数
void Widget::on_startbtn_clicked()
{
    //获取ui界面的端口号
    //将字符串转换成整形
    quint16 port=ui->portlineEdit->text().toUInt();

    //服务器设置监听
    //函数原型： bool listen(const QHostAddress &address = QHostAddress::Any, quint16 port = 0);
    //参数1：监听的主机,可以是指定主机，也可以任意
    //参数2：监听的端口号，可以是指定，也可以系统提供
    //返回值：监听成功返回true  否则false
    if(server->listen(QHostAddress::Any,port))
    {
        //监听成功
        QMessageBox::information(this,"","启动服务器成功！");
    }
    else
    {
        //监听失败
        QMessageBox::information(this,"","启动服务器失败！");
        return;
    }

    //此时服务器已经设置好监听，如果有客户端发来连接，那么服务器端就会自动发射一个newConnection()信号
    //将该信号连接到自定义的槽函数中，处理逻辑代码
    connect(server, &QTcpServer::newConnection, this, &Widget::newConnect_slots);
}

QT 与 C++实现基于[ TCP ]的聊天室界面

TCP客户端

Widget.h

Widget.cpp

TCP服务器

Widget.h

Widget.cpp

思维导图