html技术构建python桌面程序-利用eel

1

pip install eel

输出(stream):
Looking in indexes: https://mirrors.ustc.edu.cn/pypi/web/simple
Collecting eel
Downloading https://mirrors.ustc.edu.cn/pypi/web/packages/68/32/4349918ac947d6b3042525df852f529f7ea92a053e1a1ec5dcd55aefbaf8/Eel-0.9.10.tar.gz
Collecting bottle (from eel)
Downloading https://mirrors.ustc.edu.cn/pypi/web/packages/bd/99/04dc59ced52a8261ee0f965a8968717a255ea84a36013e527944dbf3468c/bottle-0.12.13.tar.gz (70kB)
Collecting bottle-websocket (from eel)
Downloading https://mirrors.ustc.edu.cn/pypi/web/packages/17/8e/a22666b4bb0a6e31de579504077df2b1c2f1438136777c728e6cfabef295/bottle-websocket-0.2.9.tar.gz
Requirement already satisfied: future in d:\mysites\deeplearning.ai-master\.env\lib\site-packages (from eel) (0.16.0)
Collecting whichcraft (from eel)
Downloading https://mirrors.ustc.edu.cn/pypi/web/packages/ab/c6/eb4d1dfbb68168bb01c4394420e5e71d5851e64b910838aa0f14ebd5c7a0/whichcraft-0.5.2-py2.py3-none-any.whl
Collecting gevent-websocket (from bottle-websocket->eel)
Downloading https://mirrors.ustc.edu.cn/pypi/web/packages/7b/84/2dc373eb6493e00c884cc11e6c059ec97abae2678d42f06bf780570b0193/gevent_websocket-0.10.1-py3-none-any.whl
Collecting gevent (from gevent-websocket->bottle-websocket->eel)
Downloading https://mirrors.ustc.edu.cn/pypi/web/packages/96/07/7175f1c519c92ea58d15c36f52421ba5456bf46a28b1c2080dfdd72a93e2/gevent-1.3.7-cp36-cp36m-win_amd64.whl (2.1MB)
Requirement already satisfied: cffi>=1.11.5; sys_platform == "win32" and platform_python_implementation == "CPython" in d:\mysites\deeplearning.ai-master\.env\lib\site-packages (from gevent->gevent-websocket->bottle-websocket->eel) (1.11.5)
Collecting greenlet>=0.4.14; platform_python_implementation == "CPython" (from gevent->gevent-websocket->bottle-websocket->eel)
Downloading https://mirrors.ustc.edu.cn/pypi/web/packages/a9/a3/2a7a15c2dc23f764eaed46d41e081659aadf45570b4170156dde1c76d4f7/greenlet-0.4.15-cp36-cp36m-win_amd64.whl
Requirement already satisfied: pycparser in d:\mysites\deeplearning.ai-master\.env\lib\site-packages (from cffi>=1.11.5; sys_platform == "win32" and platform_python_implementation == "CPython"->gevent->gevent-websocket->bottle-websocket->eel) (2.19)
Building wheels for collected packages: eel, bottle, bottle-websocket
Running setup.py bdist_wheel for eel: started
Running setup.py bdist_wheel for eel: finished with status 'done'
Stored in directory: C:\Users\syd\AppData\Local\pip\Cache\wheels\c6\f2\40\c6694f11d9a710776eef88ccf71ee0a31a98f153980ac796cf
Running setup.py bdist_wheel for bottle: started
Running setup.py bdist_wheel for bottle: finished with status 'done'
Stored in directory: C:\Users\syd\AppData\Local\pip\Cache\wheels\83\83\b1\ca2cc2879a08fbc994b9e77788620b4ec0321be4a3c4ef4585
Running setup.py bdist_wheel for bottle-websocket: started
Running setup.py bdist_wheel for bottle-websocket: finished with status 'done'
Stored in directory: C:\Users\syd\AppData\Local\pip\Cache\wheels\48\36\51\3be1cc3daf74671c54fef48d24c88943cb6b24894a4334fc2c
Successfully built eel bottle bottle-websocket
Installing collected packages: bottle, greenlet, gevent, gevent-websocket, bottle-websocket, whichcraft, eel
Successfully installed bottle-0.12.13 bottle-websocket-0.2.9 eel-0.9.10 gevent-1.3.7 gevent-websocket-0.10.1 greenlet-0.4.15 whichcraft-0.5.2

输出(stream):
You are using pip version 18.0, however version 18.1 is available.
You should consider upgrading via the 'python -m pip install --upgrade pip' command.

1
2
3
4
5
6
7
8

my_python_script.py     <-- Python scripts
other_python_module.py
static_web_folder/      <-- Web folder
  main_page.html
  css/
    style.css
  img/
    logo.png

1
2
3

import eel
eel.init('web')
eel.start('main.html')

1
2
3
4
5
6
7

web_app_options = {
	'mode': "chrome-app", #or "chrome"
	'port': 8080,
	'chromeFlags': ["--start-fullscreen", "--browser-startup-dialog"]
}

eel.start('main.html', options=web_app_options)

1

<script type="text/javascript" src="/eel.js"></script>

1
2
3

@eel.expose
def my_python_function(a, b):
    print(a, b, a + b)

1
2

console.log('Calling Python...');
eel.my_python_function(1, 2);   // This calls the Python function that was decorated

1
2
3
4
5
6

eel.expose(my_javascript_function);
function my_javascript_function(a, b, c, d) {
  if(a < b){
    console.log(c * d);
  }
}

1
2

print('Calling Javascript...')
eel.my_javascript_function(1, 2, 3, 4)  # This calls the Javascript function

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<!DOCTYPE html>
<html>
    <head>
        <title>Hello, World!</title>
        
        <!-- Include eel.js - note this file doesn't exist in the 'web' directory -->
        <script type="text/javascript" src="/eel.js"></script>
        <script type="text/javascript">
        
        eel.expose(say_hello_js);               // Expose this function to Python
        function say_hello_js(x) {
            console.log("Hello from " + x);
        }
        
        say_hello_js("Javascript World!");
        eel.say_hello_py("Javascript World!");  // Call a Python function
        
        </script>
    </head>
    
    <body>
        Hello, World!
    </body>
</html>

1
2
3
4
5
6
7
8
9
10
11
12

import eel

eel.init('web')                     # Give folder containing web files

@eel.expose                         # Expose this function to Javascript
def say_hello_py(x):
    print('Hello from %s' % x)

say_hello_py('Python World!')
eel.say_hello_js('Python World!')   # Call a Javascript function

eel.start('hello.html')             # Start (this blocks and enters loop)

1
2
3
4

eel.expose(js_random);
function js_random() {
  return Math.random();
}

1
2
3
4
5
6
7
8

# 这是一个回调函数
def print_num(n):
    print('Got this from Javascript:', n)

# 在python里调用js的函数, 然后, 再传入一个回调函数  
# 回调函数将会在js函数执行完毕之后再执行
eel.js_random()(print_num)

1
2

n = eel.js_random()()  # 这里有两个括号
print('Got this from Javascript:', n)

1
2
3
4
5
6
7
8

async function run() {
  // 只要函数前面带有async, 才能在函数内部使用await
  
  let n = await eel.py_random()();    // Must prefix call with 'await', otherwise it's the same syntax
  console.log('Got this from Python: ' + n);
}

run();

1

python -m eel [your_main_script] [your_web_folder]