Eel 框架入门教程

邹岩讳Sally

于 2024-08-12 08:43:42 发布

阅读量444

点赞数 3

本文链接：https://blog.csdn.net/gitblog_00776/article/details/141119268

版权

Eel 框架入门教程

Eel项目地址: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 文件来启动应用：