Qt入门第38篇网络（八）TCP（二）

　　导语
　　在上一节里我们使用TCP服务器发送一个字符串，然后在TCP客户端进行接收。在这一节将重新写一个客户端程序和一个服务器程序，这次实现客户端进行文件的发送，服务器进行文件的接收。有了上一节的基础，这一节的内容就很好理解了，注意一下几个信号和槽的关联即可。当然，我们这次要更深入了解一下数据的发送和接收的处理方法。
　　环境：WindowsXpQt4。8。5QtCreator2。8。0目录一、客户端二、服务器端正文
　　【领QT开发教程学习资料，点击下方链接莬费领取，先码住不迷路】
　　点击领取链接
　　一、客户端
　　这次先讲解客户端，在客户端里需要与服务器进行连接，一旦连接成功，就会发出connected（）信号，这时我们就进行文件的发送。
　　在上一节已经看到，发送数据时先发送了数据的大小信息。这一次，我们要先发送文件的总大小，然后文件名长度，然后是文件名，这三部分合称为文件头结构，最后再发送文件数据。所以在发送函数里就要进行相应的处理，当然，在服务器的接收函数里也要进行相应的处理。对于文件大小，这次使用了qint64，它是64位的，可以表示一个很大的文件了。
　　1新建QtGui项目
　　名称为tcpSender，基类选择QWidget，类名为Widget，完成后打开tcpSender。pro添加一行代码：QTnetwork。
　　2我们在widget。ui文件中将界面设计如下。
　　这里主机后的LineEdit的objectName为hostLineEdit；端口后的LineEdit的objectName为portLineEdit；下面的ProgressBar的objectName为clientProgressBar，其value属性设为0；状态Label的objetName为clientStatusLabel；打开按钮的objectName为openButton；发送按钮的objectName为sendButton。
　　3在widget。h文件中进行更改。
　　（1）添加头文件包含include
　　（2）添加private变量：QTcpSockettcpClient；QFilelocalFile；要发送的文件qint64totalBytes；数据总大小qint64bytesWritten；已经发送数据大小qint64bytesToWrite；剩余数据大小qint64loadSize；每次发送数据的大小QStringfileName；保存文件路径QByteArrayoutBlock；数据缓冲区，即存放每次要发送的数据
　　（3）添加私有槽函数：privateslots：voidsend（）；连接服务器voidstartTransfer（）；发送文件大小等信息voidupdateClientProgress（qint64）；发送数据，更新进度条voiddisplayError（QAbstractSocket：：SocketError）；显示错误voidopenFile（）；打开文件
　　4在widget。cpp文件中进行更改
　　添加头文件：include
　　（1）在构造函数中添加代码：loadSize41024；totalBytes0；bytesWritten0；bytesToWrite0；tcpClientnewQTcpSocket（this）；当连接服务器成功时，发出connected（）信号，我们开始传送文件connect（tcpClient，SIGNAL（connected（）），this，SLOT（startTransfer（）））；当有数据发送成功时，我们更新进度条connect（tcpClient，SIGNAL（bytesWritten（qint64）），this，SLOT（updateClientProgress（qint64）））；connect（tcpClient，SIGNAL（error（QAbstractSocket：：SocketError）），this，SLOT（displayError（QAbstractSocket：：SocketError）））；开始使发送按钮不可用uisendButtonsetEnabled（false）；
　　我们主要是进行了变量的初始化和几个信号和槽函数的关联。
　　（2）实现打开文件函数。voidWidget：：openFile（）打开文件｛fileNameQFileDialog：：getOpenFileName（this）；if（！fileName。isEmpty（））｛uisendButtonsetEnabled（true）；uiclientStatusLabelsetText（tr（打开文件1成功！）。arg（fileName））；｝｝
　　该函数将在下面的打开按钮单击事件槽函数中调用。
　　（3）实现连接函数。voidWidget：：send（）连接到服务器，执行发送｛uisendButtonsetEnabled（false）；bytesWritten0；初始化已发送字节为0uiclientStatusLabelsetText（tr（连接中。。。））；tcpClientconnectToHost（uihostLineEdittext（），uiportLineEdittext（）。toInt（））；连接｝
　　该函数将在发送按钮的单击事件槽函数中调用。
　　（4）实现文件头结构的发送。voidWidget：：startTransfer（）实现文件大小等信息的发送｛localFilenewQFile（fileName）；if（！localFileopen（QFile：：ReadOnly））｛qDebug（）openfileerror！；return；｝文件总大小totalByteslocalFilesize（）；QDataStreamsendOut（outBlock，QIODevice：：WriteOnly）；sendOut。setVersion（QDataStream：：Qt46）；QStringcurrentFileNamefileName。right（fileName。size（）fileName。lastIndexOf（）1）；依次写入总大小信息空间，文件名大小信息空间，文件名sendOutqint64（0）qint64（0）currentFileName；这里的总大小是文件名大小等信息和实际文件大小的总和totalBytesoutBlock。size（）；sendOut。device（）seek（0）；返回outBolock的开始，用实际的大小信息代替两个qint64（0）空间sendOuttotalBytesqint64（（outBlock。size（）sizeof（qint64）2））；发送完头数据后剩余数据的大小bytesToWritetotalBytestcpClientwrite（outBlock）；uiclientStatusLabelsetText（tr（已连接））；outBlock。resize（0）；｝
　　（5）下面是更新进度条，也就是发送文件数据。更新进度条，实现文件的传送voidWidget：：updateClientProgress（qint64numBytes）｛已经发送数据的大小bytesWritten（int）numBytes；if（bytesToWrite0）如果已经发送了数据｛每次发送loadSize大小的数据，这里设置为4KB，如果剩余的数据不足4KB，就发送剩余数据的大小outBlocklocalFileread（qMin（bytesToWrite，loadSize））；发送完一次数据后还剩余数据的大小bytesToWrite（int）tcpClientwrite（outBlock）；清空发送缓冲区outBlock。resize（0）；｝else｛localFileclose（）；如果没有发送任何数据，则关闭文件｝更新进度条uiclientProgressBarsetMaximum（totalBytes）；uiclientProgressBarsetValue（bytesWritten）；if（bytesWrittentotalBytes）发送完毕｛uiclientStatusLabelsetText（tr（传送文件1成功）。arg（fileName））；localFileclose（）；tcpClientclose（）；｝｝
　　（6）实现错误处理函数。voidWidget：：displayError（QAbstractSocket：：SocketError）显示错误｛qDebug（）tcpClienterrorString（）；tcpClientclose（）；uiclientProgressBarreset（）；uiclientStatusLabelsetText（tr（客户端就绪））；uisendButtonsetEnabled（true）；｝
　　（7）我们从widget。ui中分别进行打开按钮和发送按钮的单击事件槽函数，然后更改如下。voidWidget：：onopenButtonclicked（）打开按钮｛openFile（）；｝voidWidget：：onsendButtonclicked（）发送按钮｛send（）；｝
　　5我们为了使程序中的中文不显示乱码，在main。cpp文件中更改。
　　添加头文件：include
　　在main函数中添加代码：QTextCodec：：setCodecForTr（QTextCodec：：codecForName（UTF8））；
　　6现在可以先运行程序。
　　7程序整体思路分析。
　　我们设计好界面，然后按下打开按钮，选择要发送的文件，这时调用了openFile（）函数。然后点击发送按钮，调用send（）函数，与服务器进行连接。当连接成功时就会发出connected（）信号，这时就会执行startTransfer（）函数，进行文件头结构的发送，当发送成功时就会发出bytesWritten（qint64）信号，这时执行updateClientProgress（qint64numBytes）进行文件数据的传输和进度条的更新。这里使用了一个loadSize变量，我们在构造函数中将其初始化为41024即4字节，它的作用是，我们将整个大的文件分成很多小的部分进行发送，每部分为4字节。而当连接出现问题时就会发出error（QAbstractSocket：：SocketError）信号，这时就会执行displayError（）函数。对于程序中其他细节我们就不再分析，希望大家能自己编程研究一下。
　　二、服务器端
　　我们在服务器端进行数据的接收。服务器端程序是很简单的，我们开始进行监听，一旦发现有连接请求就发出newConnection（）信号，然后我们便接受连接，开始接收数据。
　　1新建QtGui应用
　　名称为tcpReceiver，基类选择QWidget，类名为Widget，完成后打开tcpReceiver。pro添加一行代码：QTnetwork。
　　2我们更改widget。ui文件，设计界面如下。
　　其中服务器端Label的objectName为serverStatusLabel；进度条ProgressBar的objectName为serverProgressBar，设置其value属性为0；开始监听按钮的objectName为startButton。
　　效果如下。
　　3更改widget。h文件的内容。
　　（1）添加头文件包含：include
　　（2）添加私有变量：QTcpServertcpServer；QTcpSockettcpServerConnection；qint64totalBytes；存放总大小信息qint64bytesReceived；已收到数据的大小qint64fileNameSize；文件名的大小信息QStringfileName；存放文件名QFilelocalFile；本地文件QByteArrayinBlock；数据缓冲区
　　（3）添加私有槽函数：privateslots：voidonstartButtonclicked（）；voidstart（）；开始监听voidacceptConnection（）；建立连接voidupdateServerProgress（）；更新进度条，接收数据显示错误voiddisplayError（QAbstractSocket：：SocketErrorsocketError）；
　　4更改widget。cpp文件。
　　（1）在构造函数中添加代码：totalBytes0；bytesReceived0；fileNameSize0；当发现新连接时发出newConnection（）信号connect（tcpServer，SIGNAL（newConnection（）），this，SLOT（acceptConnection（）））；
　　（2）实现start（）函数。voidWidget：：start（）开始监听｛uistartButtonsetEnabled（false）；bytesReceived0；if（！tcpServer。listen（QHostAddress：：LocalHost，6666））｛qDebug（）tcpServer。errorString（）；close（）；return；｝uiserverStatusLabelsetText（tr（监听））；｝
　　（3）实现接受连接函数。voidWidget：：acceptConnection（）接受连接｛tcpServerConnectiontcpServer。nextPendingConnection（）；connect（tcpServerConnection，SIGNAL（readyRead（）），this，SLOT（updateServerProgress（）））；connect（tcpServerConnection，SIGNAL（error（QAbstractSocket：：SocketError）），this，SLOT（displayError（QAbstractSocket：：SocketError）））；uiserverStatusLabelsetText（tr（接受连接））；tcpServer。close（）；｝
　　（4）实现更新进度条函数。voidWidget：：updateServerProgress（）更新进度条，接收数据｛QDataStreamin（tcpServerConnection）；in。setVersion（QDataStream：：Qt46）；if（bytesReceivedsizeof（qint64）2）｛如果接收到的数据小于16个字节，那么是刚开始接收数据，我们保存到来的头文件信息if（（tcpServerConnectionbytesAvailable（）sizeof（qint64）2）（fileNameSize0））｛接收数据总大小信息和文件名大小信息intotalBytesfileNameSize；bytesReceivedsizeof（qint64）2；｝if（（tcpServerConnectionbytesAvailable（）fileNameSize）（fileNameSize！0））｛接收文件名，并建立文件infileName；uiserverStatusLabelsetText（tr（接收文件1。。。）。arg（fileName））；bytesReceivedfileNameSize；localFilenewQFile（fileName）；if（！localFileopen（QFile：：WriteOnly））｛qDebug（）openfileerror！；return；｝｝elsereturn；｝if（bytesReceivedtotalBytes）｛如果接收的数据小于总数据，那么写入文件bytesReceivedtcpServerConnectionbytesAvailable（）；inBlocktcpServerConnectionreadAll（）；localFilewrite（inBlock）；inBlock。resize（0）；｝更新进度条uiserverProgressBarsetMaximum（totalBytes）；uiserverProgressBarsetValue（bytesReceived）；if（bytesReceivedtotalBytes）｛接收数据完成时tcpServerConnectionclose（）；localFileclose（）；uistartButtonsetEnabled（true）；uiserverStatusLabelsetText（tr（接收文件1成功！）。arg（fileName））；｝｝
　　（5）错误处理函数。voidWidget：：displayError（QAbstractSocket：：SocketError）错误处理｛qDebug（）tcpServerConnectionerrorString（）；tcpServerConnectionclose（）；uiserverProgressBarreset（）；uiserverStatusLabelsetText（tr（服务端就绪））；uistartButtonsetEnabled（true）；｝
　　（6）我们在widget。ui中进入开始监听按钮的单击事件槽函数，更改如下。voidWidget：：onstartButtonclicked（）开始监听按钮｛start（）；｝
　　5我们为了使程序中的中文不显示乱码，在main。cpp文件中更改。
　　添加头文件包含：include
　　在main函数中添加代码：QTextCodec：：setCodecForTr（QTextCodec：：codecForName（UTF8））；
　　6运行程序，并同时运行tcpSender程序，效果如下。
　　我们先在服务器端按下开始监听按钮，然后在客户端输入主机地址和端口号，然后打开要发送的文件，点击发送按钮进行发送。结语
　　在这两节里我们介绍了TCP的应用，可以看到服务器端和客户度端都可以当做发送端或者接收端，而且数据的发送与接收只要使用相对应的协议即可，它是可以根据用户的需要来进行编程的，没有固定的格式。《Qt及QtQuick开发实战精解》中的局域网聊天工具就是本节知识的扩展，大家可以从社区下载页面下载其源码。