22081-11-18 qt网络聊天室-基于tcp客户端和服务器的搭建

服务器和客户端都要在.pro工程文件添加network

eg：

QT       += core gui network

//服务器头文件
#ifndef WIDGET_H
#define WIDGET_H

#include 
#include //服务器类
#include //客户端类
#include 

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

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

    void sendtoall(QByteArray msg);//声明广播函数

private slots:
    void on_btn_clicked();

    void on_tcpserver_newConnection();//newconnnection信号对应的槽函数

    void on_socket_readyread();//readyread信号对应的槽函数

private:
    Ui::Widget *ui;

    //定义服务器的指针，用来指向服务器
    QTcpServer *tcpserver;

    //定义链表存储连接过来的客户端
    QList tcpsocket;
};
#endif // WIDGET_H

//服务器主函数测试
#include "widget.h"

#include 

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();
    return a.exec();
}

//服务器.cpp文件
#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //创建出服务器对象
    tcpserver=new QTcpServer(this);
}

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

//定义广播函数，将获取到的消息发送给每个客户端
void Widget::sendtoall(QByteArray msg)
{
    for(int i=0;iwrite(msg);
        //将消息写到套接字中，功能是将服务器消息发送给客户端
    }
}

//创建服务器按钮对应的槽函数
void Widget::on_btn_clicked()
{
    quint16 port=ui->Edit->text().toUInt();
    //从ui界面中，获取服务器的端口号
    //toUInt是QString类中的成员函数，功能是将字符串转换为整数
   //将服务器设置成监听状态
    if(tcpserver->listen(QHostAddress::Any,port))
    {
        //功能：将服务器设置成监听状态
        //参数1：允许任何主机连接该服务器
        //参数2：提供的端口号，如果不设置，默认为0，允许任意端口号进行访问
        //返回值：成功返回true，失败返回false
        qDebug()<<"success";

        //将端口输入框和创建服务器按钮设为不可用
        ui->btn->setDisabled(true);
        ui->Edit->setDisabled(true);
    }
    else
    {
        qDebug()<<"fail";
    }

    //此时服务器一直处于监听状态，如果有客户端连接进来
    //该服务器就会发射一个newconnection信号，我们将该信号连接到对应的槽函数中
    //在槽函数中处理相应逻辑
    connect(tcpserver,&QTcpServer::newConnection,this,&Widget::on_tcpserver_newConnection);
    //功能：将服务器发射的newConnection与自定义的槽函数连接
    //参数1：信号发射者
    //参数2：发射的信号
    //参数3：信号接收者
    //参数4：槽函数
}
//处理newconnection信号的槽函数定义
void Widget::on_tcpserver_newConnection()
{
    //获取最新连接的客户端
    QTcpSocket *socket=tcpserver->nextPendingConnection();
    //QTcpSocket *nextPendingConnection():获取最新连接的客户端socket
    //参数：无
    //返回值：新连接进来的客户端的套接字

    //将该客户端放入客户端链表中
    tcpsocket.push_back(socket);
    //链表操作，尾插法

    //此时，成功将客户端和服务器建立起联系了
    //自此以后就可以进行数据的收发了
    //当客户端有消息发送过来时，就会自动触发一个readyread的信号
    //将该信号连接到对应的槽函数中就可以进行数据的读写了
    connect(socket,&QTcpSocket::readyRead,this,&Widget::on_socket_readyread);
    //参数1：客户端套接字作为信号发射者
    //参数2：要发射的是客户端的readyread信号
    //参数3：该页面接收信号
    //参数4：处理readyread信号的自定义槽函数
}
//处理readyread信号的槽函数
void Widget::on_socket_readyread()
{
    //移除无效的客户端，该客户端已经断开连接了，但是客户端链表中还存放该客户端信息
    for(int i=0;istate()==false)
        {
            //state(),判断客户端的状态，如果可用则是该客户端，不可用为false
            tcpsocket.removeAt(i);
            //功能：从链表中移除第i个元素
            //参数：链表的下标，从0开始
            //返回值：无
        }
    }

    //判断到底是哪个客户端发送来的消息
    for(int i=0;ibytesAvailable())
        {
            //qint64 bytesAvailable():判断客户端中是否有数据
            //参数：无
            //返回值：客户端中数据的大小，如果为0，说明客户端中没有数据可以被读取

            //读取客户端中的数据，可以用客户端的成员函数，readall函数读取数据
            QByteArray msg=tcpsocket.at(i)->readAll();
            //功能：读取套接字中所有的数据
            //参数：无
            //返回值：QByteArray字节数组

            //将该数据展示到页面中去
            ui->listWidget->addItem(QString::fromLocal8Bit(msg));
            //页面要展示数据，所需要的是QString类型的数据
            //但是，readall()函数返回的是QByteArray类型的数据
            //所以，需要调用QString的成员函数，将字节数组转化为字符串

            //将该消息广播给所有客户端
            sendtoall(msg);

        }
    }
}

//服务器ui界面

 

//客户端头文件
#ifndef WIDGET_H
#define WIDGET_H

#include 
#include 
#include 

QT_BEGIN_NAMESPACE
namespace Ui { class Widget; }
QT_END_NAMESPACE

class Widget : public QWidget
{
    Q_OBJECT

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

private slots:
    void on_connect_clicked();

    void on_tcpsocket_connected();//处理connected信号的槽函数

    void on_tcpsocket_readyread();//处理readyread信号的槽函数

    void on_sendbtn_clicked();

    void on_tcpsocket_disconnectd();//处理disconnected信号的槽函数

private:
    Ui::Widget *ui;

    //定义一个客户端指针
    QTcpSocket *tcpsocket;

    //定义变量接收用户名
    QString username;
};
#endif // WIDGET_H

//客户端主函数测试
#include "widget.h"

#include 

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    Widget w;
    w.show();
    return a.exec();
}

//客户端.cpp文件
#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //初始时，发送信息的编辑框和按钮不可用
    ui->sendtext->setDisabled(true);
    ui->sendbtn->setDisabled(true);

    //实例化一个客户端
    tcpsocket=new QTcpSocket(this);

    connect(tcpsocket,&QTcpSocket::connected,this,&Widget::on_tcpsocket_connected);
    //参数1：该客户端作为信号发射者
    //参数2：要发射的是connected信号
    //参数3：该页面接收信号
    //参数4：处理该信号的槽函数

    //在客户端与服务器建立起连接后
    //如果客户端收到服务器发送来的数据，就会自动触发一个readyread信号
    //我们在该信号对应的槽函数中，可以读取服务器发送过来的数据，以及处理相关逻辑
    connect(tcpsocket,&QTcpSocket::readyRead,this,&Widget::on_tcpsocket_readyread);
    //参数1：该客户端
    //参数2：收到服务器消息后，发射的信号
    //参数3：该页面接收到信号
    //参数4：处理相关逻辑的槽函数


    //当客户端与服务器断开连接后，会触发一个disconnected信号
    //我们可以在该信号对应的槽函数中处理相关逻辑
    connect(tcpsocket,&QTcpSocket::disconnected,this,&Widget::on_tcpsocket_disconnectd);

}

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

//连接服务器按钮对应的槽函数
void Widget::on_connect_clicked()
{
    if(ui->connect->text()=="connect")
    {
        //编写连接服务器的逻辑
        QString ip=ui->hostline->text();//获取界面的ip
        quint16 port=ui->portline->text().toUInt();//获取页面的端口号

        //连接到服务器
        tcpsocket->connectToHost(ip,port,QTcpSocket::ReadWrite,QTcpSocket::AnyIPProtocol);

        //功能：将该客户端连接到服务器
        //参数1：要连接的主机ip地址
        //参数2：要连接的端口号
        //参数3：读写都可以
        //参数4：可以连接到任意ip

        //如果客户端连接服务器成功的话，会自动发射一个connected的信号函数
        //将该信号与对应的槽函数进行连接，只需连接一次，所以写在构造函数中了


        ui->connect->setText("disconnect");
     }
     else if(ui->connect->text()=="disconnect")
    {
        username=ui->userline->text();//获取用户名

        QString msg=username+":leave wechat";
        tcpsocket->write(msg.toLocal8Bit());

         //编写断开服务器的逻辑，调用成员函数disconnectfromhost函数完成断开连接
        tcpsocket->disconnectFromHost();
        //功能：断开客户端的连接
        //参数：无
        //返回值：无

//        //当客户端与服务器断开连接后，会触发一个disconnected信号

//        connect(tcpsocket,&QTcpSocket::disconnected,this,&Widget::on_tcpsocket_disconnectd);
         ui->connect->setText("connect");
    }
}

//connected信号对应的槽函数的定义
void Widget::on_tcpsocket_connected()
{
    QMessageBox::information(this,"connect server","connect success");
    //将发送输入框和按钮设为可用状态
    ui->sendtext->setEnabled(true);
    ui->sendbtn->setEnabled(true);

    //将ip、端口号、用户名的输入框设为不可用
    ui->hostline->setDisabled(true);
    ui->portline->setDisabled(true);
    ui->userline->setDisabled(true);

    //获取用户名
    username=ui->userline->text();

    QString msg=username + ":add wechat";

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

}

//readyread信号对应的槽函数
void Widget::on_tcpsocket_readyread()
{
    QByteArray msg=tcpsocket->readAll();
    //功能：读取套接字中的数据

    //将消息展示到自己的页面上
    ui->listWidget->addItem(QString::fromLocal8Bit(msg));

}

//发送按钮对应的槽函数
void Widget::on_sendbtn_clicked()
{
    username=ui->userline->text();
    //获取界面上编辑的消息
    QString msg=username+":"+" "+ui->sendtext->text();

    //将该消息发送给服务器
    tcpsocket->write(msg.toLocal8Bit());

    //将编辑框的信息清空
    ui->sendtext->clear();
}

//处理disconnected信号的槽函数
void Widget::on_tcpsocket_disconnectd()
{
    //将发送信息的编辑框和按钮禁用
    ui->sendbtn->setDisabled(true);
    ui->sendtext->setDisabled(true);

    //将用户信息设为可用状态
    ui->hostline->setEnabled(true);
    ui->portline->setEnabled(true);
    ui->userline->setEnabled(true);
}

//客户端ui界面

 

 //最后运行结果