头文件

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QTcpSocket>

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_connectBtn_clicked();

    void on_sendBtn_clicked();

    void on_disconnectBtn_clicked();

public slots:
    void connected_slot();
    void readyRead_slot();
    void disconnect_slot();
private:
    Ui::Widget *ui;
    QTcpSocket *socket;
    QString userName;//存储用户名变量
};
#endif // WIDGET_H

源码

#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->sendBtn->setEnabled(false);
    ui->disconnectBtn->setEnabled(false);

    //成功连接，客户端发送一个connect信号
    //连接信号与自定义的槽函数(只需连接一次，所以写在构造函数中)
    connect(socket,&QTcpSocket::connected,this,&Widget::connected_slot);

    //如果服务器向客户端发来数据,那么客户端自动发射一个readyRead()信号
    //连接信号和自定义的槽函数实现读取数据(只读取一次，写在构造函数中)
    connect(socket,&QTcpSocket::readyRead,this,&Widget::readyRead_slot);

    //成功断开给客户端发送一个disconnected()信号
    //连接信号和自定义的槽函数实现断开连接后的处理(只读取一次，写在构造函数中)
    connect(socket,&QTcpSocket::disconnected,this,&Widget::disconnect_slot);

}

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

//连接服务器对应的槽函数
void Widget::on_connectBtn_clicked()
{
    //获取ip和端口号
    QString ip = ui->ipedit->text();
    quint16 port = ui->portEdit->text().toInt();
    //连接服务器
    socket->connectToHost(ip,port);
    //成功连接，客户端发送一个connect信号
    //连接信号与自定义的槽函数(只需连接一次，所以写在构造函数中)



}
void Widget::connected_slot()
{
    //告诉服务器上线了
    //需要发送的语言
    userName = ui->nameedit->text();
    QString msg = userName+":进入聊天室";
    //将数据发给服务器
    socket->write(msg.toLocal8Bit());

    //将禁用的组件启用
    ui->msgEdit->setEnabled(true);
    ui->sendBtn->setEnabled(true);
    ui->disconnectBtn->setEnabled(true);
    //将用不到的组件禁用
    ui->portEdit->setEnabled(false);
    ui->ipedit->setEnabled(false);
    ui->connectBtn->setEnabled(false);
    ui->nameedit->setEnabled(false);

    //如果服务器向客户端发来数据,那么客户端自动发射一个readyRead()信号
    //连接信号和自定义的槽函数实现读取数据(只读取一次，写在构造函数中)
}
void Widget::readyRead_slot()
{
    //读取数据
    QByteArray msg = socket->readAll();
    //将msg放入ui界面上
    ui->listWidget->addItem(QString::fromLocal8Bit(msg));

}
//发送按钮对应的槽函数
void Widget::on_sendBtn_clicked()
{
    //获取ui界面上的文本
    QString msg = ui->msgEdit->text();
    msg = userName + ":" + msg;
    //发送给客户端
    socket->write(msg.toLocal8Bit());
    //清空内容
    ui->msgEdit->clear();
}
//断开对应的槽函数
void Widget::on_disconnectBtn_clicked()
{
    //告诉服务器下线了
    userName = ui->nameedit->text();
    QString msg = userName+":离开聊天室";
    //将数据发给服务器
    socket->write(msg.toLocal8Bit());
    //断开连接
    socket->disconnectFromHost();
    //成功断开给客户端发送一个disconnected()信号
    //连接信号和自定义的槽函数实现断开连接后的处理(只读取一次，写在构造函数中)
}
void Widget::disconnect_slot()
{

    //将不需要的组件禁用
    ui->msgEdit->setEnabled(false);
    ui->sendBtn->setEnabled(false);
    ui->disconnectBtn->setEnabled(false);
    //将禁用的组件启用
    ui->portEdit->setEnabled(true);
    ui->ipedit->setEnabled(true);
    ui->connectBtn->setEnabled(true);
    ui->nameedit->setEnabled(true);
}