Qt 官方示例 | 网络入门 | http 下载小工具

哈喽,我是老吴。

最近又玩了一下 Qt,给大家分享一点 Qt 相关的基础知识吧。

我个人非常喜欢 Qt,它简直就是我这个 C++ 手残党的利器。

学习 Qt 的最佳途径应该是阅读官方的手册和示例,今天要分享的就是 Qt 官方提供的一个示例。

http 下载小工具:

点击查看大图

源码文件:

Makefile
httpwindow.cpp
main.cpp
httpwindow.h
http.pro

下面快速地说明一下如何实现这个小工具, let's go.

目录:

1. 实现主界面
2. 解析 URL 和创建空文件
3. 发送 http 请求和接收 http 数据
4. 添加进度条
5. 下载完成后自动打开文件

1. 实现主界面

主界面基于 QDialog,包括:

  • 3 个 LineEdit;
  • 1 个 CheckBox;
  • 1 个 Label;
  • 2 个 Button;

代码如下:

httpwindow.h

class HttpWindow : public QDialog
{
    ...
}
httpwindow.cpp

HttpWindow::HttpWindow(QWidget *parent)
    : QDialog(parent)
    ...
{
    QFormLayout *formLayout = new QFormLayout;
    formLayout->addRow(tr("&URL:"), urlLineEdit);
    formLayout->addRow(tr("&Download directory:"), downloadDirectoryLineEdit);
    formLayout->addRow(tr("Default &file:"), defaultFileLineEdit);
    formLayout->addRow(launchCheckBox);
    
    QVBoxLayout *mainLayout = new QVBoxLayout(this);
    mainLayout->addLayout(formLayout);
    mainLayout->addWidget(statusLabel);

    QPushButton *quitButton = new QPushButton(tr("Quit"));
    QWidget::close);
    QDialogButtonBox *buttonBox = new QDialogButtonBox;
    buttonBox->addButton(downloadButton, QDialogButtonBox::ActionRole);
    buttonBox->addButton(quitButton, QDialogButtonBox::RejectRole);
    mainLayout->addWidget(buttonBox);

用 QFormLayout 对 3 个编辑框进行表单布局,然后再QVBoxLayout 来进行整体的垂直布局。

main.cpp:

int main(int argc, char *argv[]){
    ...
    HttpWindow httpWin;
    httpWin.show();
    ...
}

运行效果:

此时只有界面, Download 按键并没有实际的功能。

2. 解析 URL 和创建空文件

当用户点击 Downaload 按键时,需要解析用户输入的 URL 并打开一个新文件用于保存将要下载的文件。

代码如下:

1. 为 Download 按键绑定槽

connect(downloadButton, &QAbstractButton::clicked, this, &HttpWindow::downloadFile);
}

2. 解析 URL

void HttpWindow::downloadFile(){    
    // 获得 URL
    const QString urlSpec = urlLineEdit->text().trimmed();
    const QUrl newUrl = QUrl::fromUserInput(urlSpec);

    // 获得 文件保存路径
    QString fileName = newUrl.fileName();
    QString downloadDirectory = QDir::cleanPath(downloadDirectoryLineEdit->text().trimmed());
    fileName.prepend(downloadDirectory + '/');
}

从 URL 中提取出文件名,和下载路径拼接在一起形成完整的文件路径。

3. 创建空文件

void HttpWindow::downloadFile(){
    ...
    if (QFile::exists(fileName)) {
        QFile::remove((fileName));
    }
    file = openFileForWrite(fileName);
    ...
}

std::unique_ptr HttpWindow::openFileForWrite(const QString &fileName){
    std::unique_ptr file(new QFile(fileName));
    file->open(QIODevice::WriteOnly);
    
    return file;
}

运行效果:

3. 发送 http 请求和接收 http 数据

在 Qt 里,可以用 QNetworkAccessManager 发送 http request,用 QNetworkReply 保存 http reply。

class HttpWindow : public QDialog
{
private:
    ...
    QUrl url;
    QNetworkAccessManager qnam;
    QNetworkReply *reply;
};

当用户按下 Download 键时,发送 http request:

void HttpWindow::startRequest(const QUrl &requestedUrl){
    url = requestedUrl;
    reply = qnam.get(QNetworkRequest(url));

    connect(reply, &QIODevice::readyRead, this, &HttpWindow::httpReadyRead);
    connect(reply, &QNetworkReply::finished, this, &HttpWindow::httpFinished);

    statusLabel->setText(tr("Downloading %1...").arg(url.toString()));
}

当有数据到来时,将其写到文件中:

void HttpWindow::httpReadyRead(){
    if (file)
        file->write(reply->readAll());
}

当数据传输完毕后,提示用户下载完毕:

void HttpWindow::httpFinished(){
    QFileInfo fi;
    if (file) {
        fi.setFile(file->fileName());
        file->close();
        file.reset();
    }
    statusLabel->setText(tr("Downloaded %1 bytes to %2\nin\n%3")
                         .arg(fi.size()).arg(fi.fileName(), QDir::toNativeSeparators(fi.absolutePath())));
    downloadButton->setEnabled(true);
}

运行效果:

4. 添加进度条

发送请求后,创建一个进度条。

进度条的百分比和 http reply 的数据绑定在一起:

void HttpWindow::startRequest(const QUrl &requestedUrl){
    ...
    ProgressDialog *progressDialog = new ProgressDialog(url, nullptr);
    ...
    connect(reply, &QNetworkReply::downloadProgress, progressDialog, &ProgressDialog::networkReplyProgress);
    ...
    progressDialog->show();
}

// 更新进度条的百分比
void ProgressDialog::networkReplyProgress(qint64 bytesRead, qint64 totalBytes){
    setMaximum(totalBytes);
    setValue(bytesRead);
}

运行效果:

5. 下载完成后自动打开文件

QDesktopServices 用于访问常见的桌面服务。

许多桌面环境都会提供一系列服务,可以通过应用程序来执行常见任务。例如以用户应用程序首选项的方式打开一个网页或者 PDF。

当下载完毕后,如果用户使能了 Launch file 选项,则打开此下载文件:

void HttpWindow::httpFinished(){
    ...
    if (launchCheckBox->isChecked()) { 
        QDesktopServices::openUrl(QUrl::fromLocalFile(fi.absoluteFilePath()));
    }
    downloadButton->setEnabled(true);
}

运行效果:

到此,这个 http 下载小工具就实现完毕啦。

嘿嘿,你们会学会了吗?

相关参考

https://doc.qt.io/qt-5/qtnetwork-http-example.html

思考技术,也思考人生

要学习技术,更要学习如何生活

好书推荐:

《指数基金投资指南》

作者银行螺丝钉,专注于低估值指数基金投资,系统性地讲解各类指数基金,以及投资指数基金的有效策略。

点击查看大图

能收获什么?

  • 温习了一些关于基金定投的基础知识;

你和我各有一个苹果,如果我们交换苹果的话,我们还是只有一个苹果。但当你和我各有一个想法,我们交换想法的话,我们就都有两个想法了。

觉得文章对你有价值,不妨 在看 + 分享

推荐阅读:

专辑 | Linux 驱动开发

专辑 | 每天一点 C

专辑 | Linux 系统编程

你可能感兴趣的:(Qt 官方示例 | 网络入门 | http 下载小工具)