【亲测免费】 Eel 框架入门教程

2026-01-17 09:05:52作者：咎岭娴Homer

项目地址：https://gitcode.com/gh_mirrors/eel1/Eel

1. 项目介绍

Eel 是一个轻量级的 Python 库，用于构建简单的 HTML/JavaScript 界面并与 Python 后端进行交互。它使得在桌面应用程序中使用 web 技术变得简单，特别适合开发者快速创建具有图形界面的应用程序。

2. 项目快速启动

安装

首先确保你已经安装了 Python，然后通过 pip 来安装 Eel：

pip install eel

基础示例

创建一个名为 main.py 的文件，写入以下代码：

import eel

eel.init('html')  # 'html' 是存放HTML文件的目录

eel.start('index.html', size=(400, 300))  # 'index.html' 是你的主网页文件

创建一个 html 目录并在其中创建 index.html 文件：

<!DOCTYPE html>
<html>
<head>
    <title>Eel 示例</title>
</head>
<body>
    <h1>欢迎使用 Eel!</h1>
    <button id="click-me">点击我！</button>

    <script>
        document.getElementById('click-me').addEventListener('click', function() {
            eel.say_hello()  // 调用 Python 函数
        })
    </script>
</body>
</html>

现在，你可以运行 main.py 文件来启动应用：

python main.py

点击“点击我！”按钮，Eel 将会在 Python 中执行 say_hello() 函数（你需要自己实现这个函数）。

3. 应用案例和最佳实践

例子：数据可视化

Eel 可以结合 Plotly 或其他 JavaScript 图表库来创建交互式的图形界面。在 Python 侧处理数据，然后传递到前端展示。

最佳实践

使用 Markdown 编写静态页面，利用 Markdown 渲染引擎如 mistune 或 markdown-it 在浏览器中动态生成 HTML。
利用 Eel 提供的异步功能，避免阻塞 UI 更新。

4. 典型生态项目

Electron 应用: 结合 Electron 开发跨平台桌面应用，Eel 可作为 JavaScript 和 Python 间的桥梁。
数据分析工具: 利用 Eel 实现数据分析结果的实时预览和交互操作。
游戏开发: 创建简单的 HTML5 游戏，后台逻辑用 Python 处理。

更多示例和进阶用法可以参考 Eel 的官方文档和 GitHub 仓库中的例子。开始尝试并发挥你的创造力吧！

项目地址：https://gitcode.com/gh_mirrors/eel1/Eel

登录后查看全文

项目优选

收起

deepin linux kernel

OpenHarmony documentation | OpenHarmony开发者文档

🔥LeetCode solutions in any programming language | 多种编程语言实现 LeetCode、《剑指 Offer（第 2 版）》、《程序员面试金典（第 6 版）》题解

flutter_flutter

🎉 (RuoYi)官方仓库基于SpringBoot，Spring Security，JWT，Vue3 & Vite、Element Plus 的前后端分离权限管理系统

Nop Platform 2.0是基于可逆计算理论实现的采用面向语言编程范式的新一代低代码开发平台，包含基于全新原理从零开始研发的GraphQL引擎、ORM引擎、工作流引擎、报表引擎、规则引擎、批处理引引擎等完整设计。nop-entropy是它的后端部分，采用java语言实现，可选择集成Spring框架或者Quarkus框架。中小企业可以免费商用

喝着茶写代码！最易用的自托管一站式代码托管平台，包含Git托管，代码审查，团队协作，软件包和CI/CD。

本项目是CANN提供的数学类基础计算算子库，实现网络在NPU上加速计算。

RuoYi-Cloud-Vue3

🎉 基于Spring Boot、Spring Cloud & Alibaba、Vue3 & Vite、Element Plus的分布式前后端分离微服务架构权限管理系统

昇腾LLM分布式训练框架