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

avatar
作者
猴君
阅读量:0

1、实现功能

1、服务器和客户端能够建立连接

2、服务器可以给客户端发送信息

3、客户端可以给服务器发送信息

2、server

2-1、widget.h

#ifndef WIDGET_H #define WIDGET_H  #include <QWidget> #include <QTcpServer> #include <QTcpSocket> QT_BEGIN_NAMESPACE namespace Ui { class Widget; } QT_END_NAMESPACE  class Widget : public QWidget {     Q_OBJECT  public:     Widget(QWidget *parent = nullptr);     ~Widget(); public slots:     void readData(); private slots:     void on_send_btn_clicked();  private:     Ui::Widget *ui;     QTcpServer *server;     QTcpSocket *client; }; #endif // WIDGET_H 

2-2、widget.cpp

#include "widget.h" #include "ui_widget.h"  Widget::Widget(QWidget *parent)     : QWidget(parent)     , ui(new Ui::Widget) {     ui->setupUi(this);     //设置一下窗口标题     this->setWindowTitle("server");     //实例化服务器对象     this->server = new QTcpServer(this);     //创建监听队列并邦定ip和port     //本地主机ip,端口号为1024~49151     this->server->listen(QHostAddress("192.168.12.47"), 9999);     //等待客户端连接,做信号与槽函数关联     connect(this->server, &QTcpServer::newConnection, this, [=]()     {         this->client = this->server->nextPendingConnection();         //得到了客户端,就可以进行通信         connect(this->client, &QTcpSocket::readyRead, this, &Widget::readData);     }); }  Widget::~Widget() {     delete ui; }  //从客户端读数据 void Widget::readData() {     //从客户端中读数据     QByteArray data = this->client->readAll();     //读到的数据添加到recv_edit中     this->ui->recv_edit->append(data); }  //给客户端写数据 void Widget::on_send_btn_clicked() {     //获取到需要发送给客户端的数据     QString data = this->ui->send_edit->text();     //发送给客户端     this->client->write(data.toUtf8());     //清空输入框     this->ui->send_edit->clear(); }  

2-3、widget.ui

 

3、client

3-1、widget.h

#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_connect_btn_clicked();     void on_send_btn_clicked();  public slots:     void readData(); private:     Ui::Widget *ui;     QTcpSocket *client;     int flag;     int src_size;     QByteArray src_data; }; #endif // WIDGET_H 

3-2、widget.cpp

#include "widget.h" #include "ui_widget.h" #include <QHostAddress> #include <QMessageBox> Widget::Widget(QWidget *parent)     : QWidget(parent)     , ui(new Ui::Widget) {     ui->setupUi(this);     this->setWindowTitle("client");      this->flag = 0;     this->src_size = 0;     this->src_data.clear();      //实例化客户端套接字对象     this->client = new QTcpSocket(this);     //成功连接与否,信号与槽的关联     connect(this->client, &QTcpSocket::connected, this, [=]()     {         QMessageBox::information(this, "提示", "成功建立连接");     });     //进行通信,读是被动的,需要做信号与槽关联     connect(this->client, &QTcpSocket::readyRead, this, &Widget::readData); }  Widget::~Widget() {     delete ui; }  //连接服务器 void Widget::on_connect_btn_clicked() {     //获取ip和port     QString ip = this->ui->ip_edit->text();     uint port = this->ui->port_edit->text().toUInt();     //连接服务器     this->client->connectToHost(QHostAddress(ip), port); }  //从客户端读数据 void Widget::readData() { //    //从客户端中读数据 //    QByteArray data = this->client->readAll(); //    //读到的数据添加到recv_edit中 //    this->ui->recv_edit->append(data);     char buf[256] = {0};     if(this->flag == 0)     {         this->client->read(buf, 256);  //FILE_SIZE#文件大小         QStringList info = QString(buf).split("#");         if(info.front() == "FILE_SIZE")         {              //获取到图片文件的大小              this->src_size = info.back().toInt();              this->flag = 1;         }     }     else if(this->flag == 1) //开始接收真正的图像数据     {          QByteArray data = this->client->readAll();          //保存下来          this->src_data.append(data);          if(this->src_data.size() == this->src_size)          {               //下载成功               QPixmap pix;               pix.loadFromData(this->src_data);               this->ui->label->setPixmap(pix.scaled(this->ui->label->size()));               this->flag = 0;               this->src_size = 0;               this->src_data.clear();          }     } }  //给客户端写数据 void Widget::on_send_btn_clicked() {     //获取到需要发送给客户端的数据     QString data = this->ui->send_edit->text();     //发送给客户端     this->client->write(data.toUtf8());     //清空输入框     this->ui->send_edit->clear(); }  

3-3、widget.ui

    广告一刻

    为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!