Python如何使用Eel和HTML开发桌面应用

目录

• 环境准备
• 效果展示
• 文件结构
• 总结

最近感觉Python越用越顺手了，干啥都挺好用,可是就桌面应用这一块一直没有找到很好的解决方案，试过了TK、QT、wx之流的GUI方案后感觉都只能做点简单的界面还行，控件稍微多点就感觉好变态啊，而且界面还是丑。。。

今天闲逛居然发现了Eel这货，类似Electron的效果，可以直接使用HTML来做界面，程序逻辑部分还是用python写，js和py可以无缝对接，感觉好像发现了新大陆~

环境准备

• Python 3.7.3
• Chrome浏览器（由于Eel是直接调用的Chrome的app启动模式，所以自己很轻量，不过需要提前安装有Chrome）
• IDE用了VSCode
• 前端直接使用BootCDN上的bootstrap和jQuery
• 安装Eel库

pip install eel

效果展示

文件结构

.
├── main.py	主入口
├── venv	virtualenv环境
└── web		静态文件
    ├── css
    ├── favicon.ico
    ├── img
    └── main.html

上面web文件夹用来存放各种静态文件，我是直接用的CDN上的css和js库，比用npm装到本地还省事儿。

这里主要提一下favicon.ico这个文件，以前撸html从来没做过这个图标，在Eel中这个文件将会显示为程序左上角的图标，所以还是挑个好看点的扔进来吧。

main.py

import eel

# 定义html文件所在文件夹名称
eel.init('web')

@eel.expose # 使用装饰器,类似flask里面对路由的定义
def py_fun(a):
    content = '你好！' + a    
    return(content)

# 测试调用js中的函数,同样需要使用回调函数
js_return = eel.js_fun('python传过去的参数')(lambda x: print(x))

# 启动的函数调用放在最后,port=0表示使用随机端口,size=(宽,高)
eel.start('main.html', port=0, size=(600,300))

main.html

    
    
    
    
    
    


    

        

            

                
js & py互调测试
                
                

                调用Python函数
            
        
    


    
    

    

总结

总体来说还是比较切中我的点的，能用HTML做界面的话，颜值肯定有保证了，接下来就是继续研究python源代码转EXE或者加密打包的问题了，还有~不知道如果配上vue.js的话会不会飞起来？

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。