PyQt5.9 Html与本地代码交互实例

PyQt5 HTML与本地代码交互

最新推荐文章于 2021-07-10 05:13:07 发布

weixin_30410999

最新推荐文章于 2021-07-10 05:13:07 发布

阅读量256

点赞数

CC 4.0 BY-SA版权

文章标签： c/c++ python xhtml

原文链接：http://www.cnblogs.com/yaoyu126/p/7524625.html

本文介绍如何使用PyQt5.9中的QWebEngineView和QWebChannel技术实现HTML与本地Python代码的交互。通过创建交互对象、设置WebChannel及在HTML中引入qwebchannel.js等步骤，演示了具体实现过程。

在PyQt5.9中, 应用QWebEngineView和QWebChannel技术, 可以进行HTML与本地代码进行交互.

要点:

创建交互对象, 基于QObject, 定义信息槽
创建QWebChannel, 在channel中注册交互对象
设置页面WebChannel
定义网页

- 在网页中包含qwebchannel.js
- 在DomReady时, 创建js QWebChannel, 连接到本地对象

实例:

一. 创建Html文件

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <script type="text/javascript" src="qwebchannel.js"></script>
    <title>QWebChannel测试</title>
    <script>
        window.onload = function () {
            new QWebChannel(qt.webChannelTransport, function (channel) {
                window.pyjs = channel.objects.pyjs;
                alert(pyjs.myHello())
            });
        }
    </script>
</head>
<body>    
</body>
</html>

qwebchannel.js源代码

二. 创建Python代码

#!/usr/bin/env python
# -*- coding:utf-8 -*-

import sys
from PyQt5.QtWidgets import QApplication
from PyQt5.QtCore import QObject, pyqtSlot, QUrl
from PyQt5.QtWebChannel import QWebChannel
from PyQt5.QtWebEngineWidgets import QWebEngineView

class CallHandler(QObject):
    @pyqtSlot(result=str)
    def myHello(self):
        print('call received')
        return 'hello, Python'

if __name__ == '__main__':
    app = QApplication(sys.argv)
    view = QWebEngineView()
    channel = QWebChannel()
    handler = CallHandler()
    channel.registerObject('pyjs', handler)
    view.page().setWebChannel(channel)
    url_string = "file:///D:/qt5/201709/webengine/test.html"
    view.load(QUrl(url_string))
    view.show()
    sys.exit(app.exec_())