使用Qt5.10.1制作javaweb项目的壳子 webenginewidgets、QWebChannel、QMediaPlayer

Qt的安装和环境配置这里就不说了，度娘都有。废话不多说，直接上代码。
baise.pro文件中加入：
QT += webenginewidgets //窗口引擎部件（浏览器必须的）
QT += multimedia //媒体部件（需要用到MP3播放的可以加）
SOURCES +=
main.cpp
mainwindow.cpp
swebengineview.cpp
HEADERS +=
mainwindow.h
swebengineview.h
FORMS +=
mainwindow.ui
DISTFILES +=
RESOURCES +=
logo.qrc //logo图片的配置文件

mainwindow.h

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
#include <QMainWindow>
#include "swebengineview.h"
#include <QMediaPlayer>

namespace Ui {
class MainWindow;
}
class MainWindow : public QMainWindow
{
    Q_OBJECT
public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();
public slots://js调用qt函数
    void jsCloseQt();//关闭窗体
    void jsMinimizedQt();//窗体最小化
    void jsPlayer(const QString &r_text, const QString &r_val);//mp3语音播放（不需要可就加）
protected:
    void resizeEvent(QResizeEvent *);
private:
    Ui::MainWindow *ui;
    SWebEngineView* view;//浏览器部件
    QMediaPlayer *player;//播放器（不需要可就加）
};

#endif // MAINWINDOW_H

mainwindow.cpp

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QSettings>
#include <QWebChannel>
#include <QWebEngineSettings>
#include <QMediaPlayer>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
    ui->setupUi(this);
    setWindowIcon(QIcon(":/logo.ico"));//设置logo图标
    QString iniFilePath = "Config.ini";  //配置文件路径
    QSettings settingsread(iniFilePath, QSettings::IniFormat);//读取配置文件
    QString resault = settingsread.value("url/baise").toString();//获取配置文件中的值
    view = new SWebEngineView(this);
    //下面是设置js调用的代码
    QWebChannel *pWebChannel = new QWebChannel(view->page());
    pWebChannel->registerObject(QString("bound"), this);
    view->page()->setWebChannel(pWebChannel);
    view->load(QUrl(resault));//加载项目url（http://www.baidu.com）
    view->setContextMenuPolicy(Qt::NoContextMenu); //禁用右击
    QWebEngineSettings* settings = QWebEngineSettings::globalSettings();
    settings->setAttribute(QWebEngineSettings::PluginsEnabled, true);
    view->page()->settings()->setAttribute(QWebEngineSettings::PluginsEnabled, true);
    view->show();
}
void MainWindow::resizeEvent(QResizeEvent *)
{
    view->resize(this->size());
}
//js的关闭方法
void MainWindow::jsCloseQt()
{
    this->close();
}
//js隐藏Qt窗体的方法
void MainWindow::jsMinimizedQt()
{
    this->showMinimized();
}
//js播报语音的方法
void MainWindow::jsPlayer(const QString &r_text, const QString &r_val)
{
    //qDebug() << r_text;
    //qDebug() << r_val;
    player = new QMediaPlayer(this);//播放器
    player->setVolume(100);//设置音量
    player->setMedia(QUrl::fromLocalFile(r_text));//加载mp3文件
    player->play();
}
MainWindow::~MainWindow()
{
    delete ui;
}

main.cpp

#include "mainwindow.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    MainWindow w;
    w.setWindowState(Qt::WindowMaximized);//设置窗体默认最大
    w.setWindowFlags(Qt::FramelessWindowHint);//无边框
    w.show();

    return a.exec();
}

swebengineview.h

#ifndef SWEBENGINEVIEW_H
#define SWEBENGINEVIEW_H
#include <QWidget>
#include <QWebEngineView>

class SWebEngineView : public QWebEngineView
{
    Q_OBJECT
public:
    explicit SWebEngineView(QWidget *parent = 0);
protected:
    /**
     * @brief createWindow 在鼠标左键点击的时候会触发这个方法
     * @param type
     * @return
     */
    QWebEngineView *createWindow(QWebEnginePage::WebWindowType type);
};

#endif // SWEBENGINEVIEW_H

swebengineview.cpp

#include "swebengineview.h"
#include <QWebEngineProfile>

SWebEngineView::SWebEngineView(QWidget *parent) : QWebEngineView(parent)
{
}

QWebEngineView *SWebEngineView::createWindow(QWebEnginePage::WebWindowType type)
{
    Q_UNUSED(type);
    return this;
}

因为javaweb项目的访问地址可能会变，所以将项目的访问路径写到配置中，通过配置可以灵活的改变需要访问项目。Config.ini的配置文件很简单，就一个路径的配置：
[url]
baise=http://localhost:8080/baise_new
Config.ini文件放到项目的Qt项目的运行目录下：

图标右上角的两个图标就是窗体最小化和关闭的。
页面js调用qt的代码：

<script src="<%=path%>/js/qwebchannel.js"></script>//qt的js必须引入的
<script>
		//调用Qt的窗体播报语音
		function _player(mp3Url) {
			new QWebChannel(qt.webChannelTransport,function(channel) {
	                window.bound = channel.objects.bound;               
	                bound.jsPlayer(mp3Url, Math.random());
		    });
		}
		
		//调用Qt的窗体隐藏和关闭功能
		function _close1() {
			new QWebChannel(qt.webChannelTransport,function(channel) {
	                window.bound = channel.objects.bound;               
	                bound.jsCloseQt();
		    });
		}
		
		function _minimized1() {
			new QWebChannel(qt.webChannelTransport,function(channel) {
	                window.bound = channel.objects.bound;               
	                bound.jsMinimizedQt();
		    });
	　}
	</script>

下面是html图片按钮：
<div id="video" style="width:120px;height:40px;">
	<img src="<%=path%>/images/min.png" onclick="_minimized()"/>
	<img src="<%=path%>/images/closing.png" onclick="_close()"/>
</div>

项目下载地址：https://download.csdn.net/download/dj0721/12051094