百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术资源 > 正文

用Python+Eel写个Metro风格的web的GUI桌面程序

off999 2024-11-08 12:54 35 浏览 0 评论

1 说明

1.1 Eel是python的轻量级桌面GUI程序开发库。

1.2 已介绍,暂时略。讲一个用Python写个Metro风格的桌面程序。

1.3 资料来源,对代码进行注释。

https://www.jianshu.com/p/625da69a1d38
https://baijiahao.baidu.com/s?id=1613452977046555462

1.4 环境:deepin-linux深度操作系统,python3.8,谷歌浏览器,微软vscode编辑器。


2 文件结构:简单,一个main.py和一个web文件夹(里面有一个main.html)


3 main.py代码:

#---导出模块---
import eel
#---初始化,指定web文件夹,便于启动main.html文件
eel.init('web')
#---使用装饰器,类似flask里面对路由的定义---
@eel.expose
#---定义函数:python与html的联动设置---
def hello1():
    return '你好,python的eel'
#注意每一个函数都必须从新使用装饰器
@eel.expose
def hello2():
    return 'Eel很简单呀!'
#---启动的函数---调用放在最后,port=0表示使用随机端口,size=(宽,高)
#eel.start('main.html', port=0, size=(600,300))
eel.start('main.html')

4 main.html代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用Python写个Metro风格的桌面程序</title>
    <link href="https://cdn.metroui.org.ua/v4/css/metro-all.min.css" rel="stylesheet">
    <script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="https://cdn.metroui.org.ua/v4/js/metro.min.js"></script>
    <!--注意eel.js文件的导入;是eel的一大特点,与常见的js导入不同和vue也不同-->
    <!--这个"/eel.js"就是默认从你安装的eel模块中导出,也就是项目文件夹中无eel.js均可以,也就不存在本地和在线导入eel.js-->
    <script type="text/javascript" src="/eel.js"></script>
    <script>
        // 调用python中的函数,注意需要在定义前加上async声明异步
        async function show1val(){
            //调出python代码函数,关键点
            let text=  await eel.hello1()();
            $("#txt").val(text);
        }
        // 注意onclick的按钮函数在这里逐步添加,也就是py中的装饰器下的def定义函数
        async function show2val(){
            let text=  await eel.hello2()();
            $("#txt").val(text);
        }
    </script>

</head>
<body>
<nav data-role='ribbonmenu'>
    <ul class='tabs-holder'>
        <li><a href="#section-1-1">文件</a></li>
        <li><a href="#section-1-1">设置</a></li>
    </ul>
    <div class='content-holder'>
        <div class='section' id='section-1-1'>
            <div class='group'>
                <button class='ribbon-button' onclick='show1val()'>
                    <span class="mif-copy mif-5x fg-blue"></span>
                    <span class="caption">显示1</span>
                </button>
                <button class='ribbon-button' onclick='show2val()'>
                    <span class="mif-copy mif-5x fg-blue"></span>
                    <span class="title">显示2</span>
                </button>
                <span class="title">文本显示</span>
            </div>
            <div class='group'>
                <button class='ribbon-button'>
                    <span class="mif-copy mif-5x fg-blue"></span>
                    <span class="caption">github</span>
                </button>
                <button class='ribbon-button'>
                    <span class="mif-copy mif-5x fg-blue"></span>
                    <span class="title">gitlab</span>
                </button>
                <span class="title">提交</span>
            </div>
        </div>
    </div>
</nav>
<textarea  id="txt"  rows="100"></textarea>
</body>
</html> 

5 运行及效果图


很方面,如果和vue结合会更强大。整理并分享出来,喜欢就收藏和转发。

相关推荐

安全教育登录入口平台(安全教育登录入口平台官网)

122交通安全教育怎么登录:122交通网的注册方法是首先登录网址http://www.122.cn/,接着打开网页后,点击右上角的“个人登录”;其次进入邮箱注册,然后进入到注册页面,输入相关信息即可完...

大鱼吃小鱼经典版(大鱼吃小鱼经典版(经典版)官方版)

大鱼吃小鱼小鱼吃虾是于谦跟郭麒麟的《我的棒儿呢?》郭德纲说于思洋郭麒麟作诗的相声,最后郭麒麟做了一首,师傅躺在师母身上大鱼吃小鱼小鱼吃虾虾吃水水落石出师傅压师娘师娘压床床压地地动山摇。...

谷歌地球下载高清卫星地图(谷歌地球地图下载器)
  • 谷歌地球下载高清卫星地图(谷歌地球地图下载器)
  • 谷歌地球下载高清卫星地图(谷歌地球地图下载器)
  • 谷歌地球下载高清卫星地图(谷歌地球地图下载器)
  • 谷歌地球下载高清卫星地图(谷歌地球地图下载器)
哪个软件可以免费pdf转ppt(免费的pdf转ppt软件哪个好)
哪个软件可以免费pdf转ppt(免费的pdf转ppt软件哪个好)

要想将ppt免费转换为pdf的话,我们建议大家可以下一个那个wps,如果你是会员的话,可以注册为会员,这样的话,在wps里面的话,就可以免费将ppt呢转换为pdfpdf之后呢,我们就可以直接使用,不需要去直接不需要去另外保存,为什么格式转...

2026-02-04 09:03 off999

电信宽带测速官网入口(电信宽带测速官网入口app)

这个网站看看http://www.swok.cn/pcindex.jsp1.登录中国电信网上营业厅,宽带光纤,贴心服务,宽带测速2.下载第三方软件,如360等。进行在线测速进行宽带测速时,尽...

植物大战僵尸95版手机下载(植物大战僵尸95 版下载)

1可以在应用商店或者游戏平台上下载植物大战僵尸95版手机游戏。2下载教程:打开应用商店或者游戏平台,搜索“植物大战僵尸95版”,找到游戏后点击下载按钮,等待下载完成即可安装并开始游戏。3注意:确...

免费下载ppt成品的网站(ppt成品免费下载的网站有哪些)

1、Chuangkit(chuangkit.com)直达地址:chuangkit.com2、Woodo幻灯片(woodo.cn)直达链接:woodo.cn3、OfficePlus(officeplu...

2025世界杯赛程表(2025世界杯在哪个国家)

2022年卡塔尔世界杯赛程公布,全部比赛在卡塔尔境内8座球场举行,2022年,决赛阶段球队全部确定。揭幕战于当地时间11月20日19时进行,由东道主卡塔尔对阵厄瓜多尔,决赛于当地时间12月18日...

下载搜狐视频电视剧(搜狐电视剧下载安装)

搜狐视频APP下载好的视频想要导出到手机相册里方法如下1、打开手机搜狐视频软件,进入搜狐视频后我们点击右上角的“查找”,找到自已喜欢的视频。2、在“浏览器页面搜索”窗口中,输入要下载的视频的名称,然后...

pubg免费下载入口(pubg下载入口官方正版)
  • pubg免费下载入口(pubg下载入口官方正版)
  • pubg免费下载入口(pubg下载入口官方正版)
  • pubg免费下载入口(pubg下载入口官方正版)
  • pubg免费下载入口(pubg下载入口官方正版)
永久免费听歌网站(丫丫音乐网)

可以到《我爱音乐网》《好听音乐网》《一听音乐网》《YYMP3音乐网》还可以到《九天音乐网》永久免费听歌软件有酷狗音乐和天猫精灵,以前要跳舞经常要下载舞曲,我从QQ上找不到舞曲下载就从酷狗音乐上找,大多...

音乐格式转换mp3软件(音乐格式转换器免费版)

有两种方法:方法一在手机上操作:1、进入手机中的文件管理。2、在其中选择“音乐”,将显示出手机中的全部音乐。3、点击“全选”,选中所有音乐文件。4、点击屏幕右下方的省略号图标,在弹出菜单中选择“...

电子书txt下载(免费的最全的小说阅读器)

1.Z-library里面收录了近千万本电子书籍,需求量大。2.苦瓜书盘没有广告,不需要账号注册,使用起来非常简单,直接搜索预览下载即可。3.鸠摩搜书整体风格简洁清晰,书籍资源丰富。4.亚马逊图书书籍...

最好免费观看高清电影(播放免费的最好看的电影)

在目前的网上选择中,IMDb(互联网电影数据库)被认为是最全的电影网站之一。这个网站提供了各种类型的电影和电视节目的海量信息,包括剧情介绍、演员表、评价、评论等。其还提供了有关电影制作背后的详细信息,...

孤单枪手2简体中文版(孤单枪手2简体中文版官方下载)

要将《孤胆枪手2》游戏的征兵秘籍切换为中文,您可以按照以下步骤进行操作:首先,打开游戏设置选项,通常可以在游戏主菜单或游戏内部找到。然后,寻找语言选项或界面选项,点击进入。在语言选项中,选择中文作为游...

取消回复欢迎 发表评论: