搭建基于QT的TCP服务器与客户端

1、实现功能

1、服务器和客户端可以或许创建毗连
2、服务器可以给客户端发送信息
3、客户端可以给服务器发送信息

2、server

2-1、widget.h

2. #ifndef WIDGET_H
3. #define WIDGET_H
5. #include <QWidget>
6. #include <QTcpServer>
7. #include <QTcpSocket>
8. QT_BEGIN_NAMESPACE
9. namespace Ui { class Widget; }
10. QT_END_NAMESPACE
12. class Widget : public QWidget
13. {
14.     Q_OBJECT
16. public:
17.     Widget(QWidget *parent = nullptr);
18.     ~Widget();
19. public slots:
20.     void readData();
21. private slots:
22.     void on_send_btn_clicked();
24. private:
25.     Ui::Widget *ui;
26.     QTcpServer *server;
27.     QTcpSocket *client;
28. };
29. #endif // WIDGET_H

复制代码

2-2、widget.cpp

2. #include "widget.h"
3. #include "ui_widget.h"
5. Widget::Widget(QWidget *parent)
6.     : QWidget(parent)
7.     , ui(new Ui::Widget)
8. {
9.     ui->setupUi(this);
10.     //设置一下窗口标题
11.     this->setWindowTitle("server");
12.     //实例化服务器对象
13.     this->server = new QTcpServer(this);
14.     //创建监听队列并邦定ip和port
15.     //本地主机ip，端口号为1024~49151
16.     this->server->listen(QHostAddress("192.168.12.47"), 9999);
17.     //等待客户端连接，做信号与槽函数关联
18.     connect(this->server, &QTcpServer::newConnection, this, [=]()
19.     {
20.         this->client = this->server->nextPendingConnection();
21.         //得到了客户端，就可以进行通信
22.         connect(this->client, &QTcpSocket::readyRead, this, &Widget::readData);
23.     });
24. }
26. Widget::~Widget()
27. {
28.     delete ui;
29. }
31. //从客户端读数据
32. void Widget::readData()
33. {
34.     //从客户端中读数据
35.     QByteArray data = this->client->readAll();
36.     //读到的数据添加到recv_edit中
37.     this->ui->recv_edit->append(data);
38. }
40. //给客户端写数据
41. void Widget::on_send_btn_clicked()
42. {
43.     //获取到需要发送给客户端的数据
44.     QString data = this->ui->send_edit->text();
45.     //发送给客户端
46.     this->client->write(data.toUtf8());
47.     //清空输入框
48.     this->ui->send_edit->clear();
49. }

复制代码

2-3、widget.ui

 

3、client

3-1、widget.h

2. #ifndef WIDGET_H
3. #define WIDGET_H
5. #include <QWidget>
6. #include <QTcpSocket>
7. QT_BEGIN_NAMESPACE
8. namespace Ui { class Widget; }
9. QT_END_NAMESPACE
11. class Widget : public QWidget
12. {
13.     Q_OBJECT
15. public:
16.     Widget(QWidget *parent = nullptr);
17.     ~Widget();
19. private slots:
20.     void on_connect_btn_clicked();
21.     void on_send_btn_clicked();
23. public slots:
24.     void readData();
25. private:
26.     Ui::Widget *ui;
27.     QTcpSocket *client;
28.     int flag;
29.     int src_size;
30.     QByteArray src_data;
31. };
32. #endif // WIDGET_H

复制代码

3-2、widget.cpp

2. #include "widget.h"
3. #include "ui_widget.h"
4. #include <QHostAddress>
5. #include <QMessageBox>
6. Widget::Widget(QWidget *parent)
7.     : QWidget(parent)
8.     , ui(new Ui::Widget)
9. {
10.     ui->setupUi(this);
11.     this->setWindowTitle("client");
13.     this->flag = 0;
14.     this->src_size = 0;
15.     this->src_data.clear();
17.     //实例化客户端套接字对象
18.     this->client = new QTcpSocket(this);
19.     //成功连接与否，信号与槽的关联
20.     connect(this->client, &QTcpSocket::connected, this, [=]()
21.     {
22.         QMessageBox::information(this, "提示", "成功建立连接");
23.     });
24.     //进行通信，读是被动的，需要做信号与槽关联
25.     connect(this->client, &QTcpSocket::readyRead, this, &Widget::readData);
26. }
28. Widget::~Widget()
29. {
30.     delete ui;
31. }
33. //连接服务器
34. void Widget::on_connect_btn_clicked()
35. {
36.     //获取ip和port
37.     QString ip = this->ui->ip_edit->text();
38.     uint port = this->ui->port_edit->text().toUInt();
39.     //连接服务器
40.     this->client->connectToHost(QHostAddress(ip), port);
41. }
43. //从客户端读数据
44. void Widget::readData()
45. {
46. //    //从客户端中读数据
47. //    QByteArray data = this->client->readAll();
48. //    //读到的数据添加到recv_edit中
49. //    this->ui->recv_edit->append(data);
50.     char buf[256] = {0};
51.     if(this->flag == 0)
52.     {
53.         this->client->read(buf, 256);  //FILE_SIZE#文件大小
54.         QStringList info = QString(buf).split("#");
55.         if(info.front() == "FILE_SIZE")
56.         {
57.              //获取到图片文件的大小
58.              this->src_size = info.back().toInt();
59.              this->flag = 1;
60.         }
61.     }
62.     else if(this->flag == 1) //开始接收真正的图像数据
63.     {
64.          QByteArray data = this->client->readAll();
65.          //保存下来
66.          this->src_data.append(data);
67.          if(this->src_data.size() == this->src_size)
68.          {
69.               //下载成功
70.               QPixmap pix;
71.               pix.loadFromData(this->src_data);
72.               this->ui->label->setPixmap(pix.scaled(this->ui->label->size()));
73.               this->flag = 0;
74.               this->src_size = 0;
75.               this->src_data.clear();
76.          }
77.     }
78. }
80. //给客户端写数据
81. void Widget::on_send_btn_clicked()
82. {
83.     //获取到需要发送给客户端的数据
84.     QString data = this->ui->send_edit->text();
85.     //发送给客户端
86.     this->client->write(data.toUtf8());
87.     //清空输入框
88.     this->ui->send_edit->clear();
89. }

复制代码

3-3、widget.ui