QT5:简单显示百度页面

news2024/9/22 17:24:53

前言

使用qt5 QT WebEngine 模块实现在Designer 上展示百度页面。

一、环境

qt版本：5.12.7

windows 11 下的 Qt Designer （已搭建）

编译器：必须使用MSVC编译器，使用MingGW编译器会提示找不到模块

二、实现过程

1.引入模块

在安装qt时勾选 QT WebEngine 模块，同时要勾选mscv 编译器。（这里使用的是之前的图）

2.环境构建

使用mscv编译器的环境构建参考博客：Qt 添加MSVC2017编译器（2022年保姆级教程，不安装完整VS）_qt msvc2017-CSDN博客

按步骤一步步来即可，亲测可用。

三、代码示例

.pro文件

QT       += core gui

greaterThan(QT_MAJOR_VERSION, 4): QT += widgets

QT +=  webenginewidgets webchannel network

CONFIG += c++11

# The following define makes your compiler emit warnings if you use
# any Qt feature that has been marked deprecated (the exact warnings
# depend on your compiler). Please consult the documentation of the
# deprecated API in order to know how to port your code away from it.
DEFINES += QT_DEPRECATED_WARNINGS

# You can also make your code fail to compile if it uses deprecated APIs.
# In order to do so, uncomment the following line.
# You can also select to disable deprecated APIs only up to a certain version of Qt.
#DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.0

SOURCES += \
    main.cpp \
    mainwindow.cpp

HEADERS += \
    mainwindow.h

FORMS += \
    mainwindow.ui

# Default rules for deployment.
qnx: target.path = /tmp/$${TARGET}/bin
else: unix:!android: target.path = /opt/$${TARGET}/bin
!isEmpty(target.path): INSTALLS += target

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>

#include <QWebEngineView>


QT_BEGIN_NAMESPACE
namespace Ui { class MainWindow; }
QT_END_NAMESPACE

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    MainWindow(QWidget *parent = nullptr);
    ~MainWindow();

private:
    Ui::MainWindow *ui;
    QWebEngineView *m_webView;
};
#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"

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

    m_webView = new QWebEngineView(this);

    m_webView->load(QUrl("https://www.baidu.com/"));

    // 将 QWebEngineView 设置为 QMainWindow 的中心窗口部件
    setCentralWidget(m_webView);


}

MainWindow::~MainWindow()
{
    delete ui;
}

main.cpp

#include "mainwindow.h"

#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.show();
    return a.exec();
}

实际效果：