socket通信-客户端

客户端向服务器端发送连接请求,连接成功接收服务器发送的数据。

  1. 新建工程,Base class选择QWidget,在工程文件tcpServer.pro中添加一行代码
QT += core gui
QT += network
  1. 我们在widget.ui中添加3个标签Label和两个Line Edit以及一个按钮Push Button。

其中“主机”后的Line Edit的objectName为hostLineEdit,“端口号”后的为portLineEdit。

3.在widget.h文件中做更改。

添加头文件:

#include<QtNetwork/QtNetwork>

添加private变量:

QTcpSocket *tcpSocket;

QString message;  //存放从服务器接收到的字符串

quint16 blockSize;  //存放文件的大小信息

添加私有槽函数:

private slots:

    void newConnect(); //连接服务器

    void readMessage();  //接收数据

    void displayError(QAbstractSocket::SocketError);  //显示错误

4.在widget.cpp文件中做更改。

(1)在构造函数中添加代码:

tcpSocket = new QTcpSocket(this);

connect(tcpSocket,SIGNAL(readyRead()),this,SLOT(readMessage()));

connect(tcpSocket,SIGNAL(error(QAbstractSocket::SocketError)),

         this,SLOT(displayError(QAbstractSocket::SocketError)));

这里关联了tcpSocket的两个信号,当有数据到来时发出readyRead()信号,我们执行读取数据的readMessage()函数。当出现错误时发出error()信号,我们执行displayError()槽函数。

(2) 实现newConnect()函数。

void Widget::newConnect()

{

    blockSize = 0; //初始化其为0

    tcpSocket->abort(); //取消已有的连接

    tcpSocket->connectToHost(ui->hostLineEdit->text(), ui->portLineEdit->text().toInt());

    //连接到主机,这里从界面获取主机地址和端口号

}

从edit中获取文本。

(3)实现readMessage()函数。

void Widget::readMessage()

{

    QDataStream in(tcpSocket);

    in.setVersion(QDataStream::Qt_4_6);

    //设置数据流版本,这里要和服务器端相同

    if(blockSize==0) //如果是刚开始接收数据

    {

        //判断接收的数据是否有两字节,也就是文件的大小信息

        //如果有则保存到blockSize变量中,没有则返回,继续接收数据

        if(tcpSocket->bytesAvailable() < (int)sizeof(quint16)) return;

        in >> blockSize;

    }

    if(tcpSocket->bytesAvailable() < blockSize) return;

    //如果没有得到全部的数据,则返回,继续接收数据

    in >> message;

    //将接收到的数据存放到变量中

    ui->messageLabel->setText(message);

    //显示接收到的数据

}

这个函数实现了数据的接收,它与服务器端的发送函数相对应。首先我们要获取文件的大小信息,然后根据文件的大小来判断是否接收到了完整的文件。

(4)实现displayError()函数。

void Widget::displayError(QAbstractSocket::SocketError)

{

    qDebug() << tcpSocket->errorString(); //输出错误信息

}

这里简单的实现了错误信息的输出。

(5)我们在widget.ui中进入“连接”按钮的单击事件槽函数,然后更改如下。

void Widget::on_pushButton_clicked() //连接按钮

{

    newConnect(); //请求连接

}

我们运行程序,同时运行服务器程序,然后在“主机”后填入“localhost”,在“端口号”后填入“6666”,点击“连接”按钮,效果如下。

可以看到我们正确地接收到了数据。因为服务器端和客户端是在同一台机子上运行的,所以我这里填写了“主机”为“localhost”,如果你在不同的机子上运行,需要在“主机”后填写其正确的IP地址。

posted @ 2017-07-03 16:40  云胡同学  阅读(142)  评论(0编辑  收藏  举报