1> 思维导图

2> 手动完成服务器的实现，并具体程序要注释清楚

Widget.h

#ifndef WIDGET_H
#define WIDGET_H

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

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_startBtn_clicked();
    void newConnection_slots();  //自定义处理newConnection信号的槽函数
    void readyRead_slot();    //自定义处理readyRead信号的槽函数

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)
{
    ui->setupUi(this);

    //给服务器指针实例化空间
    server = new QTcpServer(this);

}

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

//启动服务器按钮对应的槽函数
void Widget::on_startBtn_clicked()
{
    //获取ui界面上的端口号
    quint16 port = ui->portEdit->text().toUInt();


    //将服务器设置成监听状态
    if(server->listen(QHostAddress::Any,port))
    {
        QMessageBox::information(this,"","服务器启动成功");
    }else
    {
        QMessageBox::information(this,"","服务器启动失败");
    }

    //此时服务器已经进入监听状态，如果有客户端发来连接请求，那么该服务器就会自动发送一个newConnect信号
    //我们可以将该信号连接到自定义的槽函数中处理新连接的套接字
    connect(server,&QTcpServer::newConnection,this,&Widget::newConnection_slots);
}

//处理newConnection信号的槽函数的实现
void Widget::newConnection_slots()
{
    qDebug()<<" 有新用户连接 ";

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

    //将套接字放入到客户端容器中
    socketList.push_back(s);

    //此时，客户端与服务器已经简历起来连接
    //如果有客户端向服务器发来数据，那么该客户端
    connect(s,&QTcpSocket::readyRead,this,&Widget::readyRead_slot);

}

void Widget::readyRead_slot()
{
    //移除无效客户端
    for(int i=0;i<socketList.count();i++)
    {
        //socketList.at(i)->state();    //任意一个客户端的状态
        if(socketList.at(i)->state()== 0)
        {
            //移除该客户端
            socketList.removeAt(i);   //将下标为i的套接字从链表中移除
        }
    }
    for(int i=0;i<socketList.count();i++)
    {
        if(socketList.at(i)->bytesAvailable()!=0)
        {

            QByteArray msg = socketList.at(i)->readAll();

            ui->msgWidget->addItem(QString::fromLocal8Bit(msg));

            for(int j=0;j<socketList.count();j++)
            {
                socketList.at(j)->write(msg);
            }

        }
    }
}