Qt中UDP回显服务器和客户端

Qt中UDP回显服务器和客户端

在进⾏⽹络编程之前, 需要在项⽬中的 .pro ⽂件中添加 network 模块.

添加之后要⼿动编译⼀下项⽬, 使 Qt Creator 能够加载对应模块的头⽂件

UDP Socket

核⼼ API 概览

主要的类有两个. QUdpSocket 和 QNetworkDatagram

QUdpSocket 表⽰⼀个 UDP 的 socket ⽂件.

QNetworkDatagram 表⽰⼀个 UDP 数据报.

回显服务器

  1. 创建界⾯, 包含⼀个 QListWidget ⽤来显⽰消息.
  1. 创建 QUdpSocket 成员

修改 widget.h

C++ 复制代码
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QUdpSocket>

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

    void processResponse();
private:
    Ui::Widget *ui;

    QUdpSocket*socket;
};
#endif // WIDGET_H

修改 widget.cpp, 完成 socket 后续的初始化

⼀般来说, 要先连接信号槽, 再绑定端⼝.

如果顺序反过来, 可能会出现端⼝绑定好了之后, 请求就过来了. 此时还没来得及连接信号槽. 那么这个请求就有可能错过了

C++ 复制代码
#include <QMessageBox>
#include <QNetworkDatagram>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);

    //创建出这个对象
    socket=new QUdpSocket(this);

    //设置窗口标题
    this->setWindowTitle("服务器");

    //连接信号槽
    connect(socket,&QUdpSocket::readyRead,this,&Widget::processRequest);

    //绑定端口号
    bool ret=socket->bind(QHostAddress::Any,9090);
    if(!ret)
    {
        //绑定失败
        QMessageBox::critical(this,"服务器启动出错",socket->errorString());
        return;
    }
}
  1. 实现 processRequest , 完成处理请求的过程

• 读取请求并解析

• 根据请求计算响应

• 把响应写回到客⼾端

C++ 复制代码
//服务器最核心的逻辑
void Widget::processRequest()
{
    //1.读取请求分析
    const QNetworkDatagram& requestDatagram=socket->receiveDatagram();
    QString request=requestDatagram.data();
    //2.根据请求计算响应
    const QString& response=process(request);
    //3.把响应写道客户端
    QNetworkDatagram responseDatagram(response.toUtf8(),requestDatagram.senderAddress(),requestDatagram.senderPort());
    socket->writeDatagram(responseDatagram);
    //把这个信息显示交互到页面上
    QString log="["+requestDatagram.senderAddress().toString()+":"+QString::number(requestDatagram.senderPort())
            +"]req:"+request+",resp:"+response;
    ui->listWidget->addItem(log);
}
  1. 实现 process 函数
C++ 复制代码
QString Widget::process(const QString &request)
{
    return request;
}

💡 "根据请求处理响应" 是服务器开发中的最核⼼的步骤.

⼀个商业服务器程序, 这⾥的逻辑可能是⼏万⾏⼏⼗万⾏代码量级的

此时, 服务器程序编写完毕.

但是直接运⾏还看不出效果. 还需要搭配客⼾端来使⽤.

回显客⼾端

  1. 创建界⾯. 包含⼀个 QLineEdit , QPushButton , QListWidget

• 先使⽤⽔平布局把 QLineEdit 和 QPushButton 放好, 并设置这两个控件的垂直⽅向的sizePolicy 为 Expanding

• 再使⽤垂直布局把 QListWidget 和上⾯的⽔平布局放好.

• 设置垂直布局的 layoutStretch 为 5, 1 (当然这个尺⼨⽐例根据个⼈喜好微调).

  1. 在 widget.cpp 中, 先创建两个全局常量, 表⽰服务器的 IP 和 端⼝
C++ 复制代码
//定义两个常量,表示服务器的地址和端口号
const QString&SERVER_IP="127.0.0.1";
const quint16 SERVER_PORT=9090;
  1. 创建 QUdpSocket 成员

修改 widget.h, 定义成员

C++ 复制代码
#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QUdpSocket>

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

    void processResponse();
private:
    Ui::Widget *ui;

    QUdpSocket*socket;
};
#endif // WIDGET_H

修改 widget.cpp, 初始化 socket

C++ 复制代码
#include <QWidget>
#include <QUdpSocket>

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

    void processResponse();
private:
    Ui::Widget *ui;

    QUdpSocket*socket;
};
#endif // WIDGET_H
  1. 给发送按钮 slot 函数, 实现发送请求.
C++ 复制代码
void Widget::on_pushButton_clicked()
{
    //获取到输入框的内容
    const QString& text=ui->lineEdit->text();
    //构造UDP的请求数据
    QNetworkDatagram requestDatagram(text.toUtf8(),QHostAddress(SERVER_IP),SERVER_PORT);
    //发送请求数据
    socket->writeDatagram(requestDatagram);
    //把发送的数据添加到列表框
    ui->listWidget->addItem("客户端说:"+text);
    //把输入框的内容清空一下
    ui->lineEdit->setText("");
}
  1. 再次修改 Widget 的构造函数, 通过信号槽, 来处理服务器的响应.
C++ 复制代码
 	//通过信号槽来处理,来处理服务器返回的数据
    connect(socket,&QUdpSocket::readyRead,this,&Widget::processResponse);

void Widget::processResponse()
{
    //通过这个函数来处理收到的响应
    //1.读取到响应数据
    const QNetworkDatagram& responseDatagram=socket->receiveDatagram();
    QString response=responseDatagram.data();
    //2.把响应数据显示到界面上
    ui->listWidget->addItem("服务器说:"+response);
}
相关推荐
先知后行。2 小时前
QT音视频
开发语言·qt·音视频
钱彬 (Qian Bin)3 小时前
企业级实战:构建基于Qt、C++与YOLOv8的模块化工业视觉检测系统(基于QML)
c++·qt·yolo·qml·工业质检·qt 5.15.2
Mr.45674 小时前
Linux&Windows环境下Nacos3.1.0详细安装配置指南:从零到生产就绪
linux·运维·服务器
王道长服务器 | 亚马逊云4 小时前
AWS Route 53 详解:不只是 DNS,还能做智能流量调度
服务器·网络·微服务·云原生·架构·云计算·aws
Lxinccode4 小时前
python(42) : 监听本地文件夹上传到服务器指定目录
服务器·开发语言·python·文件上传服务器·监听文件上传服务器
峰顶听歌的鲸鱼4 小时前
30.Linux DHCP 服务器
linux·运维·服务器·笔记·学习方法
violet-lz5 小时前
Linux文件系统调用:文件调用函数与exec系统函数详解与应用
linux·运维·服务器
aesthetician6 小时前
@tanstack/react-query:React 服务器状态管理与数据同步解决方案
服务器·前端·react.js
学习同学6 小时前
从0到1制作一个go语言服务器 (一) 配置
服务器·开发语言·golang
袁泽斌的学习记录6 小时前
ubuntu22.04安装cuda11.4版本
linux·运维·服务器