目录
构思
神器出场
对接 Flask
目录问题
完美呈现
注意:
总结
参考代码
首页 后端开发 Python教程 Python小技之不用 Gui,照样实现图形界面

Python小技之不用 Gui,照样实现图形界面

Apr 12, 2023 pm 04:43 PM
python 界面 gui

如果说程序员有什么怕的,那我想可能就是 —— 需求又变了!

这不,客户在笔者开发完一个基于浏览器的 Web 应用程序之后说:程序需要在内(无)部(网)环境中运行……

这就意味着无法安装 Python 环境!

谁叫咱是程序员呢,不就开发一个 GUI 版本吗,难不倒我……

可是听到给的时间后,就不淡定了……

为了不影响客户的评测,只能给出一周时间!

构思

GUI 虽然也不难,不过需要梳理一遍服务以及与用户的交互接口,弄不好就得为 GUI 单独编写接口,这点时间显然不够呀。

不行,就再想想办法……

不然直接将 Web 应用包装成一个可执行程序,拷贝到机器上就能运行,而且类似的框架很多,比如 Nodejs 中的 Electron[1],Python 中的 Pywebview[2]。

只要将原来的 Web 程序包装一下就好了,那么说干就干!

神器出场

Web 程序是用 Flask 开发的,所以需要安装 Python 的 Pywebview 作为打包工具。

建立虚拟环境[3] 或者在原来的 Web 项目环境中,执行:

pip install pywebview
登录后复制

在 Windows 系统中,需要 .Net 4.0 以上

小试牛刀:

import webview

window = webview.create_window('Hello!', 'http://http://www.justdopython.com')
webview.start()
登录后复制
  • 引用 webview 库
  • 启动一个窗口,设置标题为 Hello!,指定页面地址
  • 启动 webview

就能看到如下的效果:

Python小技之不用 Gui,照样实现图形界面

小试牛刀

神奇吧!

Pywebview 支持三种模式,简单模式,服务器模式 和 线程模式。

简单模式 就相当于一个定制流浏览器,指定一个地址,就可以实现浏览了,如上面的例子。

服务器模式 相当于包装了一个 Web 应用,就是会启动一个本地服务器,在定制的浏览器中浏览。

线程模式 比较高级,就是需要自己手动维护线程状态,实现更高级的玩法。

对于现在的需求,我们选择服务器模式,即包装本地的一个 Web 应用。

对接 Flask

服务器模式会为我们提供一个 HTTP Server,只要把 Web 应用部署上去就好了。

因为无非展示实际项目的代码,这里写一个简单的 Flask 应用:

关于 Flask Web 应用开发,可以参考笔者之前写的 Flask 文章

创建一个 app.py 文件:

from flask import Flask, render_template, jsonify, request

app = Flask(__name__) # 创建一个应用

@app.route('/') 
def index():# 定义根目录处理器
return render_template('index.html')

@app.route('/detail')
def detail():
return render_template('detail.html') 

if __name__ == '__main__':
app.run() # 启动服务
登录后复制

这个应用很简单,只有两个页面,分别通过 / 和 /detail 来访问。

如果运营这段代码,就会启动一个 Flask 应用,通过 http://120.0.0.1:5000 来访问。

如何套在 Pywebview 中呢?

很简单:

import webview
from app import app

if __name__ == '__main__':
window = webview.create_window('Pywebview', app, height=600, width=1000)
webview.start()
登录后复制
  • 引入 webview
  • 引入 刚才创建的 app
  • 创建一个 webview window,并将 app 作为 url 参数传入
  • 然后启动 webview 就可以了

这里的关键是,将 Flask 应用作为 url 参数,Webview 发现传入的参数是 flask 应用,就会启动服务模式。

运行程序后,可以看到和在浏览器中的效果一样的:

Python小技之不用 Gui,照样实现图形界面

对接 Flask

目录问题

现在就可以将这个项目打包成 exe 了。

首先需要安装 pyinstaller[4]

pip install pyinstaller
登录后复制

然后进入程序目录执行:

pyinstall -F -w main.py
登录后复制
  • F 参数表示将程序打包成一个可执行文件,不加这个参数就会打包成一个文件夹夹
  • w 参数表示执行打包好的可执行程序时,不显示命令行窗口,这个特性只有在 Windows 系统中有

很快在程序目录下,就会生成一个 dist 文件夹,其中就会有个 main.exe 可执行文件,这就是打包好的结果。

双击运行,可以看到效果……

等等,好像并不是想象中的那样!

Python小技之不用 Gui,照样实现图形界面

对接 Flask

这是怎么回事呢?

根据提示来看,是因为找不到页面的模板文件。

我们在前面创建 Flask app 时,使用的是默认的模板路径,即 app.py 文件所在目录的 templates 目录,为啥打包之后就找不见了呢?

这是因为在 windows 中,可执行文件的运行时,会被解压到一个特定的目录下,而我们的模板文件并没有被打包进入 exe 文件中,所以导致运行时找不见模板文件。

完美呈现

如何解决这个问题呢?

作为不使用外部数据或文件的程序,只需要将程序本身打包就可以了,但大部分程序都需要外部数据,比如我们的 Flask 应用,就需要用到静态文件等。

那么如何将它们打包进可执行文件呢?

只需要在打包时多加一个参数就可以了:

pyinstaller main.py -F -w --add-data "./templates/*;templates"
登录后复制

-- add-data 参数表示添加额外的数据 -- ./templates/* 表示需要添加当前目录的 templates 目录中的所有文件 -- ;为分隔符,其后的 templates 表示解压是这些数据所在的目录,这个目录名必须和 创建 app 时 template_folder 参数一致 -- 如果需要用到静态文件,需要额外添加,比如 --add-data "./static/*;static"

这样就能将外部数据一起打包进来了。

打包好后,双击执行,就会发现网页得以完美呈现了。

注意:

如果使用了虚拟环境,必须在虚拟环境中单独安装 pyinstaller,而不能用其他环境中已经安装好的,这是为了包装打包是可以链接所以程序引用的模块

因为 pyinstaller 打包时,找不到被引用的模块时并不报错,而打包好的程序可能会无法执行。

总结

经过一番折腾,终于在客户要求的时间之前将工作完成了,特别高兴。

回头一想,多亏用了 Python 作为主要的开发语言,因为 Python 强悍的社区支持没有找不到的解决方法。

这次经历的另一个启示就是,遇到问题,不要着急就做,可以先想一想,是否有更好的方法,特别在使用 Python 的时候。

比心!

参考代码

​https://www.php.cn/link/0c52d419a421fb13bb58357e67b7fb4b​

[1]Electron: https://www.electronjs.org/

[2]Pywebview: https://pywebview.flowrl.com/

[3]虚拟环境: https://mp.weixin.qq.com/s/WflK5pOKhvPg8zrf_W5mfw

[4]pyinstaller: https://pyinstaller.readthedocs.io/en/stable/


以上是Python小技之不用 Gui,照样实现图形界面的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

C语言 sum 的作用是什么? C语言 sum 的作用是什么? Apr 03, 2025 pm 02:21 PM

C语言中没有内置求和函数,需自行编写。可通过遍历数组并累加元素实现求和:循环版本:使用for循环和数组长度计算求和。指针版本:使用指针指向数组元素,通过自增指针遍历高效求和。动态分配数组版本:动态分配数组并自行管理内存,确保释放已分配内存以防止内存泄漏。

谁得到更多的Python或JavaScript? 谁得到更多的Python或JavaScript? Apr 04, 2025 am 12:09 AM

Python和JavaScript开发者的薪资没有绝对的高低,具体取决于技能和行业需求。1.Python在数据科学和机器学习领域可能薪资更高。2.JavaScript在前端和全栈开发中需求大,薪资也可观。3.影响因素包括经验、地理位置、公司规模和特定技能。

xml怎么转换成mp3 xml怎么转换成mp3 Apr 03, 2025 am 09:00 AM

XML 转换为 MP3 的步骤包括:从 XML 中提取音频数据:解析 XML 文件,找到包含音频数据的 base64 编码串,并解码为二进制格式。将音频数据编码为 MP3:安装 MP3 编码器并设置编码参数,将二进制音频数据编码为 MP3 格式,然后保存到文件中。

xml如何修改数据 xml如何修改数据 Apr 03, 2025 am 08:12 AM

XML 数据修改可以通过手动操作或使用编程语言和库来完成。手动修改适用于小型文档的少量修改,包括添加、修改或删除元素和属性。对于更复杂的修改,可以使用编程语言和库,如 Python 的 xml.dom 和 Java 的 javax.xml.parsers,它们提供了处理 XML 数据的工具。修改 XML 数据时,确保其有效性,创建备份并遵循 XML 语法规则,包括正确的标签和属性。

xml怎么改格式 xml怎么改格式 Apr 03, 2025 am 08:42 AM

可以采用多种方法修改 XML 格式:使用文本编辑器(如 Notepad )进行手工编辑;使用在线或桌面 XML 格式化工具(如 XMLbeautifier)进行自动格式化;使用 XML 转换工具(如 XSLT)定义转换规则;或者使用编程语言(如 Python)进行解析和操作。修改时需谨慎,并备份原始文件。

distinctIdistinguish有关系吗 distinctIdistinguish有关系吗 Apr 03, 2025 pm 10:30 PM

distinct 和 distinguish 虽都与区分有关,但用法不同:distinct(形容词)描述事物本身的独特性,用于强调事物之间的差异;distinguish(动词)表示区分行为或能力,用于描述辨别过程。在编程中,distinct 常用于表示集合中元素的唯一性,如去重操作;distinguish 则体现在算法或函数的设计中,如区分奇数和偶数。优化时,distinct 操作应选择合适的算法和数据结构,而 distinguish 操作应优化区分逻辑效率,并注意编写清晰可读的代码。

xml如何转化为word xml如何转化为word Apr 03, 2025 am 08:15 AM

有三种将 XML 转换为 Word 的方法:使用 Microsoft Word、使用 XML 转换器或使用编程语言。

如何理解 C 语言中的 !x? 如何理解 C 语言中的 !x? Apr 03, 2025 pm 02:33 PM

!x 的理解!x 是 C 语言中的逻辑非运算符,对 x 的值进行布尔取反,即真变假,假变真。但要注意,C 语言中真假由数值而非布尔类型表示,非零视为真,只有 0 才视为假。因此,!x 对负数的处理与正数相同,都视为真。

See all articles