9.12 QT（Day 5）

一、代码

1.server

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;
}

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

    //启动服务器------服务器设置监听
    //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::newConnection_slot);
}

//对应的槽函数实现
void Widget::newConnection_slot()
{
    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++) //count 元素个数
    {
        //判断客户端和服务器连接的状态
        //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++)
            {
                socketList.at(j)->write(msg);
            }
        }
    }
}

2.client

Widget.cpp

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

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

    //初始化界面
    ui->msgEdit->setEnabled(false);
    ui->senderBtn->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;
}

//连接服务器按钮对应的槽函数
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);
    //参数1：链接服务器ip地址
    //参数2：连接服务器的端口号
    socket->connectToHost(ip, port);

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

}

//connected()函数的实现
void Widget::connected_slot()
{
    usrName = ui->usrnameEdit->text();

    //告诉服务器我来了
    msg2 = usrName + ":进入聊天室";

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

    ui->msgEdit->setEnabled(true);
    ui->senderBtn->setEnabled(true);
    ui->disconnectBtn->setEnabled(true);

    ui->usrnameEdit->setEnabled(false);
    ui->ipEdit->setEnabled(false);
    ui->portEdit->setEnabled(false);
    ui->connectBtn->setEnabled(false);

}

//发送按钮对应的槽函数
void Widget::on_senderBtn_clicked()
{
    //获取ui界面的文本
    msg3 = usrName + " : " + ui->msgEdit->text();

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

    //清空
    ui->msgEdit->clear();
}

void  Widget::readyRead_slot()
{
    //读取服务器发来的数据
    QByteArray msg = socket->readAll();

    if(QString::fromLocal8Bit(msg) == msg3 || QString::fromLocal8Bit(msg) == msg2)
    {
        //设置靠右
        QListWidgetItem *List = new QListWidgetItem(QString::fromLocal8Bit(msg));
        List->setTextAlignment(Qt::AlignRight);
        //将文本添加到ui界面中
        ui->listWidget->addItem(List);
     }
    else
    {
        //将读取的信息，放入到ui界面中
        ui->listWidget->addItem(QString::fromLocal8Bit(msg));
    }
}

//断开连接按钮对应的槽函数
void Widget::on_disconnectBtn_clicked()
{
    //告诉服务器我走了
    QString msg = usrName + " :离开聊天室 ";
    socket->write(msg.toLocal8Bit());

    //断开与服务器的连接
    // virtual void disconnectFromHost();
    socket->disconnectFromHost();

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

//disconnected()函数的实现
void Widget::disconnected_slot()
{
    ui->msgEdit->setEnabled(false);
    ui->senderBtn->setEnabled(false);
    ui->disconnectBtn->setEnabled(false);

    ui->usrnameEdit->setEnabled(true);
    ui->ipEdit->setEnabled(true);
    ui->portEdit->setEnabled(true);
    ui->connectBtn->setEnabled(true);

}

实现效果：

二、思维导图