1、装载外部网页页面
'''
用web浏览器控件QWebEngineView控件显示网页
PyQt5和Web的交互技术

同时使用python和Web开发程序，混合开发

Python+JavaScript+HTML5+CSS技术程序混合可做丰富的UI
语言之间互相调用

'''
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWebEngineWidgets import *
import sys

class webview(QMainWindow):
    def __init__(self):
        super(webview,self).__init__()
        self.setWindowTitle("打开外部网页例子")
        self.setGeometry(100,100,1355,730)
        self.b=QWebEngineView()
        self.b.load(QUrl("http://www.baidu.com"))  #设置浏览的网页
        self.setCentralWidget(self.b)

if __name__=="__main__":
    app=QApplication(sys.argv)
    p=webview()
    p.show()
    sys.exit(app.exec_())

2、显示嵌入的HTML代码加载网页
'''
用web浏览器控件QWebEngineView控件显示网页
PyQt5和Web的交互技术
'''
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWebEngineWidgets import *
import sys

class webHTML(QMainWindow):
    def __init__(self):
        super(webHTML,self).__init__()
        self.setWindowTitle("打开外部网页例子")
        self.setGeometry(100,100,1355,730)
        self.b=QWebEngineView()

        #直接把HTML网页代码嵌入到python代码中也可以直接显示
        self.b.setHtml('''
        <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试页面</title>
</head>
<body>
    <h1>Hello world </h1>
    <h2>Hello world </h2>
    <h3>Hello world </h3>
    <h4>Hello world </h4>
</body>
</html>
        ''')
        self.setCentralWidget(self.b)

if __name__=="__main__":
    app=QApplication(sys.argv)
    p=webHTML()
    p.show()
    sys.exit(app.exec_())

3、装载本地网页页面
'''
用web浏览器控件QWebEngineView控件显示网页
PyQt5和Web的交互技术

'''
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWebEngineWidgets import *
import sys,os

class webview(QMainWindow):
    def __init__(self):
        super(webview,self).__init__()
        self.setWindowTitle("装载本地网页例子")
        self.setGeometry(100,100,1355,730)
        self.b=QWebEngineView()

        #装载本地网页
        url=os.getcwd()+"/test.html"   #获得本地网页的完整路径
        print(url)  #输出当前完整路径
        self.b.load(QUrl.fromLocalFile(url))  #设置浏览的网页

        self.setCentralWidget(self.b)

if __name__=="__main__":
    app=QApplication(sys.argv)
    p=webview()
    p.show()
    sys.exit(app.exec_())

4、多线程控件-动态显示当前时间QTimer()控件
'''
多线程（多CPU）：用于同时完成多个任务

多线程（并发完成任务）实现方式：
QTimer定时器 周期性任务
QThread 单个任务

'''
from PyQt5.QtWidgets import *
from PyQt5.QtCore import QTimer,QDateTime
import sys

class showtime(QWidget):
    def __init__(self):
        super(showtime,self).__init__()
        self.setWindowTitle("动态显示当前时间")
        #self.resize(800,300)

        self.lable=QLabel("显示当前时间")
        self.startbtn=QPushButton("开始按钮")
        self.endbtn=QPushButton("结束按钮")
        layout=QGridLayout()

        #创建一个计时器QTimer()
        self.timer=QTimer()
        self.timer.timeout.connect(self.showtime)

        layout.addWidget(self.lable,0,0,1,2)
        layout.addWidget(self.startbtn,1,0)
        layout.addWidget(self.endbtn,1,1)

        self.startbtn.clicked.connect(self.starttime)
        self.endbtn.clicked.connect(self.endtime)
        self.setLayout(layout)
    def showtime(self):
        time=QDateTime.currentDateTime()
        timedispaly=time.toString("yyyy-MM-dd hh:mm:ss dddd")
        self.lable.setText(timedispaly)
    def starttime(self):
        self.timer.start(1000)  #设置定时器时间间隔为1秒
        self.startbtn.setEnabled(False)
        self.endbtn.setEnabled(True)
    def endtime(self):
        self.timer.stop()       #定时器停止
        self.startbtn.setEnabled(True)
        self.endbtn.setEnabled(False)

if __name__=="__main__":
    app=QApplication(sys.argv)
    p=showtime()
    p.show()
    sys.exit(app.exec_())

5、定时关闭窗口
'''
定时关闭窗口和程序
QTimer.singleShot方法(定时器时间间隔，所需运行程序)
指定一定的时间来运行程序一次
'''
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *
import sys

if __name__=="__main__":
    app=QApplication(sys.argv)
    label=QLabel("<font color=red size=140><b>Hello World,窗口在5秒后自动关闭!</b></font>")
    label.setWindowFlags(Qt.SplashScreen | Qt.FramelessWindowHint)
    label.show()
    QTimer.singleShot(5000,app.quit)  #设置显示时间为5秒
    sys.exit(app.exec_())

6、多线程计数器QThread()类
'''
多线程（多CPU）：用于同时完成多个任务
QThread多线程类编写计数器

QThread
def run(self):
    while True:
        self.sleep(1)
        if sec==5:
           break;

QLCDNumber

WorkThread(Qthread)
用到自定义信号

'''
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *
import sys

#先定义多线程类和不同的发射信号
sec=0
class WorkThread(QThread):
    timer=pyqtSignal() #定义一个信号类
    end=pyqtSignal()   #定义一个信号
    def run(self):
        while True:
            self.sleep(1)        #休眠1秒
            if sec==5:
                self.end.emit()   #发送end信号
                break
            self.timer.emit()     #发送timer信号

class counter(QWidget):
    def __init__(self):
        super(counter,self).__init__()
        self.setWindowTitle("线程类控件编写计数器")
        self.resize(300,120)

        layout=QVBoxLayout()
        self.lcdnumber=QLCDNumber()   #创建一个QLCD控件显示计数器数字
        layout.addWidget(self.lcdnumber)

        btn=QPushButton("开始计数")
        layout.addWidget(btn)

        self.workthread=WorkThread()  #定义一个初始化的多线程类
        self.workthread.timer.connect(self.counttime)  #将信号与槽函数连接
        self.workthread.end.connect(self.end)
        btn.clicked.connect(self.work)
        self.setLayout(layout)

    def counttime(self):
        global sec
        sec+=1
        self.lcdnumber.display(sec)    #用QLCD控件形式显示计数器
    def end(self):
        QMessageBox.information(self,"消息","计时5秒结束",QMessageBox.Ok)
    def work(self):
        self.workthread.start()

if __name__=="__main__":
    app=QApplication(sys.argv)
    p=counter()
    p.show()
    sys.exit(app.exec_())

7、Python调用JavaScript
'''
Python与JavaScript相互交互，数据交换

'''
from PyQt5.QtWidgets import *
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWebEngineWidgets import *
import sys,os

class webview(QWidget):
    def __init__(self):
        super(webview,self).__init__()
        self.setWindowTitle("python调用JavaScript代码")
        self.setGeometry(100,100,1355,730)
        self.layout=QVBoxLayout()
        self.setLayout(self.layout)

        self.b=QWebEngineView()
        url=os.getcwd()+"/tt.html"
        self.b.load(QUrl.fromLocalFile(url))  #设置浏览的网页
        self.layout.addWidget(self.b)

        self.btn=QPushButton("设置全名")
        self.btn.clicked.connect(self.fullname)
        self.layout.addWidget(self.btn)
    def js(self,result):
        print(result)
    def fullname(self):
        self.value="hello world"
        self.b.page().runJavaScript('fullname("'+ self.value+'");',self.js) #运行JavaScript代码

if __name__=="__main__":
    app=QApplication(sys.argv)
    p=webview()
    p.show()
    sys.exit(app.exec_())
JavaScript代码（HTML网页设置代码）：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试页面</title>
    <script>
        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;
            document.getElementById("submit-btn").style.display="block";
            return fullname
        }
    </script>
</head>
<body>
    <form>
        <label>First Name</label>
        <input type="text" name="firstname" id="firstname"></input>
        <br/>
        <label>Last Name</label>
        <input type="text" name="lastname" id="lastname"></input>
        <br/>
        <label>Full Name</label>
        <input type="text" name="fullname" id="fullname"></input>
        <br/>
        <input style="display: none;" type="submit" id="submit-btn"/>
    </form>
</body>
</html>

8、JavaScript调用个python函数进行计算阶乘
'''
Python与JavaScript相互交互，数据交换
将python一个对象映射到JavaScript当中

将槽函数映射到JavaScript中
编辑一个计算阶乘的类,利用递归的方法
'''
from PyQt5.QtCore import *
class F(QObject):
    def f(self,n):
        if n==0 or n==1:
            return 1
        else:
            return self.f(n-1)*n
f=F()
print(f.f(5))
												


											
PyQt5中Web操作与多线程定时器的更多相关文章
	

    
								
  1. pyqt5  多线程+定时器+读取本地图片
		
    前言 一个程序界面有多个button 按钮时,单击一个按钮,若此按钮对应的信号正在执行,且还未执行完毕: 此时再次单击另外一个按钮,就会出现假死状态. 这个时候我们就需要使用 多线程去解决 多线程+定 ...
    
		
    2. 
						
  2. Web Worker javascript多线程编程（一）
		
    什么是Web Worker? web worker 是运行在后台的 JavaScript,不占用浏览器自身线程,独立于其他脚本,可以提高应用的总体性能,并且提升用户体验. 一般来说Javascript ...
    
		
    3. 
						
  3. 【转】Web Worker javascript多线程编程（一）
		
    原文:https://www.cnblogs.com/peakleo/p/6218823.html -------------------------------------------------- ...
    
		
    4. 
						
  4. 聊聊Python中的多进程和多线程
		
    今天,想谈一下Python中的进程和线程. 最近在学习Django的时候,涉及到了多进程和多线程的知识点,所以想着一下把Python中的这块知识进行总结,所以系统地学习了一遍,将知识梳理如下. 1.  ...
    
		
    5. 
						
  5. Web Worker javascript多线程编程（二）
		
    Web Worker javascript多线程编程(一)中提到有两种Web Worker:专用线程dedicated web worker,以及共享线程shared web worker.不过主要讲 ...
    
		
    6. 
						
  6. Global.asax中的操作数据库代码无法执行
		
    本人最近在做一个基于Access数据库的Web应用程序,为了实现一个定时更新数据库的需求,我在Global.asax中的Application_Start函数里写了个计时器, void Applica ...
    
		
    7. 
						
  7. eclipse中web项目部署以后jsp的java文件找不到问题(Tomcat配置serverlocations)
		
    我的开发环境:eclipse kepler (4.3)+tomcat7.0.42. 在我想看eclipse中web项目jsp文件被tomcat转换成java以后的java源文件的位置,发现正常情况下的 ...
    
		
    8. 
						
  8. Java中使用CountDownLatch进行多线程同步
		
    CountDownLatch介绍 在前面的Java学习笔记中,总结了Java中进行多线程同步的几个方法: 1.synchronized关键字进行同步. 2.Lock锁接口及其实现类ReentrantL ...
    
		
    9. 
						
  9. MacOS和iOS开发中异步调用与多线程的区别
		
    很多童鞋可能对Apple开发中的异步调用和多线程的区别不是太清楚,这里本猫将用一些简单的示例来展示一下它们到底直观上有神马不同. 首先异步调用可以在同一个线程中,也可以在多个不同的线程中.每个线程都有 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 解决for循环插入同一元素无法重复插入问题
			
    var el = document.createElement("div"); el.appendChild(document.createTextNode("hello ...
    
			
    2. 
						
  2. 题解【SP1716】GSS3 - Can you answer these queries III
			
    题目描述 You are given a sequence \(A\) of \(N (N <= 50000)\) integers between \(-10000\) and \(10000 ...
    
			
    3. 
						
  3. 安装Elasticsearch出现 node validation exception 的问题处理
			
    es报错如下: [2019-10-11T16:23:28,945][ERROR][o.e.b.Bootstrap ] [es-node-1] node validation exception[3]  ...
    
			
    4. 
						
  4. Linux - cron - 基础
			
    概述 cron 相关的理解与使用 背景 最近实在没啥写的了 我写东西, 一般是是这些 看了书过后, 做一些系统的整理 比如之前的 docker 和 git 系列 遇到了实际问题, 解决过程也不是那么顺 ...
    
			
    5. 
						
  5. Java 读取网络资源文件 获取文件大小 MD5校验值
			
    Java 读取网络资源文件 获取文件大小 MD5校验值 封装一个文件操作工具类: package c; import java.io.*; import java.net.HttpURLConnect ...
    
			
    6. 
						
  6. 【C语言】定义一个函数，求长方体的体积
			
    #include<stdio.h> int volume(int a, int b,int c)/*定义函数*/ { int p; p = a * b * c; return p; } i ...
    
			
    7. 
						
  7. 每天进步一点点------Allegro生成Gerber文件
			
    Allegro如何生成光绘文件 -------------------制板用文件有钻孔文件和底片文件,最后给板厂的文件为:---------------------------普通二层板:nc_par ...
    
			
    8. 
						
  8. if (flag)
			
    var flag = false;//暂停标记if (flag){ alert("aa")}else { alert("bb")}bb if (flag) =  ...
    
			
    9. 
						
  9. Bug搬运工-Forerunner CRC error on 54SG/53SG3 triggers watchdog timeout crash
			
    这个bug,一般是设备4948 Crash的情况: 标志1:Error Message C4K_SUPERVISOR-2-SOFTERROR: memory inconsistency detecte ...
    
			
    10. 
						
  10. Docker - CentOS 7 安装
			
    1. 概述 安装 docker markdown 显示有点问题 代码块里的  后面应该跟一个换行, 但是没有跟 这样会导致部分命令直接执行没有反应 2. 环境 os CentOS7 用户 root 3 ...
    
			
    11.