当前位置：首页 > news >正文

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

news 来源：原创 2024/9/20 3:57:58

TCP客户端

Widget.h

#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_NAMESPACEclass Widget : public QWidget
{Q_OBJECTpublic: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

Widget.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服务器

Widget.h

#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_NAMESPACEclass Widget : public QWidget
{Q_OBJECTpublic: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

Widget.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  否则falseif(server->listen(QHostAddress::Any,port)){//监听成功QMessageBox::information(this,"","启动服务器成功！");}else{//监听失败QMessageBox::information(this,"","启动服务器失败！");return;}//此时服务器已经设置好监听，如果有客户端发来连接，那么服务器端就会自动发射一个newConnection()信号//将该信号连接到自定义的槽函数中，处理逻辑代码connect(server, &QTcpServer::newConnection, this, &Widget::newConnect_slots);
}