Eel 开源项目使用教程

Eel 开源项目使用教程

EelA little Python library for making simple Electron-like HTML/JS GUI apps项目地址:https://gitcode.com/gh_mirrors/ee/Eel

1. 项目的目录结构及介绍

Eel 项目的目录结构相对简单，主要包含以下几个部分：

Eel/
├── examples/
│   ├── basic/
│   ├── hello/
│   ├── multiple_pages/
│   ├── options/
│   ├── persistent/
│   └── single_page/
├── eel/
│   ├── __init__.py
│   ├── eel.js
│   └── eel.min.js
├── LICENSE
├── README.md
├── requirements.txt
└── setup.py

• examples/：包含多个示例项目，展示了 Eel 的不同使用场景。
• eel/：核心库文件，包含 __init__.py 和 JavaScript 文件 eel.js 及 eel.min.js。
• LICENSE：项目许可证文件。
• README.md：项目说明文档。
• requirements.txt：项目依赖文件。
• setup.py：项目安装脚本。

2. 项目的启动文件介绍

Eel 项目的启动文件通常位于 examples/ 目录下的某个示例项目中。以 hello 示例项目为例，启动文件为 hello.py：

import eel

eel.init('web')

@eel.expose
def say_hello_py(x):
    print('Hello from %s' % x)

eel.start('hello.html')

• import eel：导入 Eel 库。
• eel.init('web')：初始化 Eel，指定 Web 目录。
• @eel.expose：暴露 Python 函数给 JavaScript。
• eel.start('hello.html')：启动 Eel，指定启动页面。

3. 项目的配置文件介绍

Eel 项目的配置主要通过 eel.start() 函数进行。以下是一些常用的配置选项：

eel.start('hello.html', size=(800, 600), position=(100, 100), mode='chrome', port=8080, host='localhost')

• size：设置窗口大小。
• position：设置窗口位置。
• mode：指定使用的浏览器，如 chrome。
• port：指定端口号。
• host：指定主机地址。

通过这些配置选项，可以灵活地控制 Eel 应用的启动行为。

EelA little Python library for making simple Electron-like HTML/JS GUI apps项目地址:https://gitcode.com/gh_mirrors/ee/Eel