华为服务器u盘装linux_华为笔记本装deepin-linux下：Python+Eel的3个examples的讲解

淡淡的烟草味﹌ 2023-01-07 10:29 27阅读 0赞

**1 说明：**

======

1.1 本人发了2篇Eel的简单介绍的文字，大家很喜欢，可是国内这方面的文章太少了，所以决定对官方的examples进行代码的详细讲解，让大家一秒入门，做到通俗易懂，小白级别一看就会。

1.2 前面自己讲过的就不讲了，可以看看我前面的发过的2篇关于Eel的介绍。

1.3 环境：华为笔记本电脑，深度deepin-linux操作系统，python3.8，谷歌浏览器，微软vscode编辑器。(这个很重要)

![98a0d100892759e4258b6d8fe7a7238d.png][]

顺带祝大家：520，节日快乐。

**2 资料来源：**

========

https://github.com/samuelhwilliams/Eel  #下载官方资料，里面有examples

图：

![2df572c3a7d9ccaa9f7f8e22950c2e00.png][]

![a3c334f0ce3f2cb6e31b3e5f9cb3c930.png][]

讲解内容：02 - callbacks；03 - sync\_callbacks；04 - file\_access

**3 example的02 - callbacks的代码讲解：**

=============================

3.1 callbacks.py代码：

# For Py2/3 compatibility：兼容python2和python3from __future__ import print_functionimport eelimport random#初始化，定义指定文件夹和调用html为当前目录eel.init('web')#将python的代码和暴露给js，便于调用@eel.exposedef py_random():    return random.random()#定义打印函数def print_num(n):    #终端打印    print('Got this from Javascript:', n)# Call Javascript function, and pass explicit callback function  # 方法一：调用js功能函数  eel.js_random()(print_num)# 方法二：采用lambda方法：Do the same with an inline callbackeel.js_random()(lambda n: print('Got this from Javascript:', n))#启动web为当前目录下的html文件，大小设置eel.start('callbacks.html', size=(400, 300))

3.2 callbacks.html代码

Callbacks Demo        Eel下的python和html的js函数互动

3.3 两种方法：速度不一样，第一种快些，如图：

![0600c83cea24530d10e2208fa29c4ba4.png][]

**4 example的03 - sync\_callbacks的代码讲解：**

=================================

4.1 sync\_callbacks.py代码：

#相同的就不注释，注意本文上面的代码注释的连贯性from __future__ import print_functionimport eel, randomeel.init('web')@eel.exposedef py_random():    return random.random()# 注意block不阻止回调eel.start('sync_callbacks.html', block=False, size=(400, 300))#------必须在start之后----才能同步回调------# Synchronous calls must happen after start() is called# Get result returned synchronously by# 注意第二个括号内为空的 # passing nothing in second brackets#                   vn = eel.js_random()()print('Got this from Javascript:', n)#当程序运行1秒后回调while True:    eel.sleep(1.0)

4.2 sync\_callbacks.html代码：

Synchronous callbacks                                同步回调函数

**5 example的04 - file\_access的代码讲解：**

**===================================**

5.1 file\_access.py代码

import eel, os, randomeel.init('web')@eel.exposedef pick_file(folder):    if os.path.isdir(folder):        return random.choice(os.listdir(folder))    else:        return 'Not valid folder'eel.start('file_access.html', size=(320, 120))

5.2 file\_access.html代码

Eel Demo        Pick random file

`当前文件夹为空，请选择`

5.3 图

![66f21db38d8d7e38fecf66d6d036a4ce.gif][]

整理并分享出来，希望大家喜欢。

祝大家：520节日快乐，身体健康，喜欢就点赞，转发和收藏。

[98a0d100892759e4258b6d8fe7a7238d.png]: /images/20221119/46df07bde9a1428c9284e7c0de115882.png
[2df572c3a7d9ccaa9f7f8e22950c2e00.png]: https://img-blog.csdnimg.cn/img_convert/2df572c3a7d9ccaa9f7f8e22950c2e00.png
[a3c334f0ce3f2cb6e31b3e5f9cb3c930.png]: https://img-blog.csdnimg.cn/img_convert/a3c334f0ce3f2cb6e31b3e5f9cb3c930.png
[0600c83cea24530d10e2208fa29c4ba4.png]: https://img-blog.csdnimg.cn/img_convert/0600c83cea24530d10e2208fa29c4ba4.png
[66f21db38d8d7e38fecf66d6d036a4ce.gif]: https://img-blog.csdnimg.cn/img_convert/66f21db38d8d7e38fecf66d6d036a4ce.gif