web页面与pyqt5交互

最新推荐文章于 2024-04-25 18:01:04 发布

qq_38065133

最新推荐文章于 2024-04-25 18:01:04 发布

阅读量778

点赞数

分类专栏： python

本文链接：https://blog.csdn.net/qq_38065133/article/details/106030493

版权

python 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

'''
UI.py
'''
import sys
import os

from PyQt5.QtWebChannel import QWebChannel
from PyQt5.QtCore import QUrl
from PyQt5.QtWidgets import *
from PyQt5.QtWebEngineWidgets import *

from CallHandler import CallHandler

# 注册功能，这些功能可以给html的页面调用
channel = QWebChannel()
handler = CallHandler()
channel.registerObject('py', handler)


class UI(QWidget):

    def __init__(self):
        super().__init__()
        self.setWindowTitle('web页面调python代码')
        #self.resize(600,300)
        layout=QVBoxLayout()

        self.browser = QWebEngineView()
        url = os.path.join(os.path.dirname(os.path.abspath(__file__)), 'index.html')
        self.browser.load(QUrl.fromLocalFile(url))

        self.browser.page().setWebChannel(channel)

        layout.addWidget(self.browser)
        self.setLayout(layout)
	
	
	def getFullName(self):
        # 传递参数value到JS函数
        value = "Hello World"
        # 调用JS中的fullName函数
        self.browser.page().runJavaScript('fullName("' + value + '");')

if __name__ == '__main__':
    app = QApplication(sys.argv)
    win = UI()
    win.show()
    sys.exit(app.exec_())

'''
CallHandler.py
给web页面调用的 python方法
'''

from PyQt5.QtCore import QObject, pyqtSlot

class CallHandler(QObject):

    @pyqtSlot(int, result=int)
    def factorial(self, n):
        if n == 0 or n == 1:
            return 1
        else:
            return self.factorial(n - 1) * n

    @pyqtSlot(str, result=str)
    def typeTest(self, jsonStr):
        print(type(jsonStr))
        print(jsonStr)
        import json
        print(type(json.loads(jsonStr)))
        print(json.loads(jsonStr))
        return jsonStr

//index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>web页面的title</title>
</head>
<body>
<button id="btn1">调python函数 传json过去</button>
<button id="btn2">调python阶乘函数</button>

</body>
<script src="qwebchannel.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", function () {
        new QWebChannel(qt.webChannelTransport, function(channel) {
            window.py = channel.objects.py;
        });
    });

    document.getElementById("btn1").addEventListener("click", function () {
        py.typeTest('{"err_no":0,"errmsg":""}', function (result) {
            alert(result)
        })
    })

    document.getElementById("btn2").addEventListener("click", function () {
        py.factorial(3, function (result) {
            alert(result)
        })
    })
	
	function fullName(value) {
        alert(value);
        var firstname = document.getElementById('firstname').value;
        var lastname = document.getElementById('lastname').value;

        var fullname = firstname + " " + lastname;
        document.getElementById('fullname').value = fullname;
        return fullname;
    }
</script>
</html>

qq_38065133

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
web页面与pyqt5交互

'''UI.py'''import sysimport osfrom PyQt5.QtWebChannel import QWebChannelfrom PyQt5.QtCore import QUrlfrom PyQt5.QtWidgets import *from PyQt5.QtWebEngineWidgets import *from CallHandler import CallHandler# 注册功能，这些功能可以给html的页面调用channel = QWebCh
复制链接

扫一扫