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

壳子 webenginewidgets、QWebChannel、QMediaPlayer"/>

使用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（）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>

项目下载地址：