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

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

off999 2024-11-08 12:54 29 浏览 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结合会更强大。整理并分享出来,喜欢就收藏和转发。

相关推荐

大型网络游戏排行榜前十(目前大型网络游戏排行)

最热门的有很多的,每个人的标准都不一样的,但是只要自己喜欢就好,无有传齐所有职业都有四个被动技能,游侠的四个技能分别是:游猎者、梦魇、鹰眼术和原动力。作用分别是对减速单位额外造成伤害,暴击是额外提高伤...

苹果15(苹果15pro)

1、屏幕机身方面:iPhone15配有黑色、白色、红色、绿色、蓝色五款颜色,配备6.1英寸超视网膜XDR显示屏,支持HDR显示、原彩显示、广色域(P3)、2000000:1对比度(典型)...

迅雷浏览器官方下载(迅雷浏览器安卓下载)

可以下载浏览器。你用迅雷下载浏览器之后下载完成之后你去打开打开他就让你安装,安装之后就可以了那么浏览器的应用你就可以直接的用用,所以用新人下载浏览器这个是可以的,不会出现什么问题,下载浏览器也是比较快...

硬盘坏道修复工具(硬盘坏道修复太慢了)

1、victoria是一款基于Windows操作系统的用于电脑硬盘检测和维护的工具软件,具备硬盘表面检测、硬盘坏道修复、smart信息察看保存、cache缓存控制等多功能的工具,支持众多型号硬盘解密,...

中国驾驶模拟器(驾驶模拟中国地图游戏手机版)

是的,驾驶模拟器对学车非常有用。1、提供更安全的学习环境:在驾驶模拟器中,学员可以练习各种驾驶技巧,如转向、加减速、并线等,而无需担心与其他车辆或行人的碰撞,从而大大降低了驾驶练习的风险。2、增强学习...

cad2018安装包下载(cad2018软件安装包)

点击软件安装包,鼠标右击选择解压到CAD_2019_64bit打开解压的文件夹在双击AutoCAD_2019_Simplified_Chinese_Win_64bit_dlm.sfx点击确定(软件安...

conservative(conservative翻译)

conservative是贬义词。作形容词使用意思是保守的;守旧的;(英国)保守党的;低于实际数量的;作名词使用意思是(英国)保守党党员,保守党支持者;保守者;因循守旧者;例句Atleast50...

什么杀毒软件安全可靠(什么杀毒软件安全可靠性高)

肯定是360啊,虽然金山是老牌的杀毒软件公司,但是我觉得金山的体验做得确实一般,收费的时候市场份额很大,但是被360免费之后,360找到自己免费的盈利方式,一直更新迭代功能,不断的加强完善,技术投入力...

中国联通宽带办理(联通宽带办理)

1、首先,请大家打开中国联通官方网站,然后登陆属于自己的账号,可以使用手机号码登录也可以自己注册一个账号登录。2、登陆账号成功以后,点击网页中的“宽带受理”栏目,然后点击进入宽带受理栏目进行在线预约安...

吾爱破解网(吾爱破解网传奇辅助)

你说的这个论坛。我虽然没有注册过,但是我告诉你一般情况下,各大论坛在五一,十一,春节期间会发放邀请码~~~另外,你学习破解也不一定非要到这个破解论坛,很多的黑客论坛有破解板块。这个论坛,本来就是不好...

小游戏网页版秒玩(网页版游戏推荐)

云游戏可以玩电脑游戏。云电脑(Cloudcomputer)是一种智能终端产品,包括云端资源、传输协议和云终端等,并具有集中管控与维护、应用访问、整体资源调度、弹性资源扩展、数据安全等特色特点。云电脑...

转mp4格式在线(在线转码mp4转mp3)
  • 转mp4格式在线(在线转码mp4转mp3)
  • 转mp4格式在线(在线转码mp4转mp3)
  • 转mp4格式在线(在线转码mp4转mp3)
  • 转mp4格式在线(在线转码mp4转mp3)
qq管家官方下载官网(qq管家官方网站)

腾讯电脑管家(TencentPCManager/原名QQ电脑管家)是腾讯公司推出的免费安全软件。拥有云查杀木马,系统加速,漏洞修复,实时防护,网速保护,电脑诊所,健康小助手,桌面整理,文档保护等功...

photoshop最新软件版本(ps最新版本是)

你好,AdobePhotoshop的最新版本是PhotoshopCC2020。新版本的Photoshop具有更多的功能和改进,包括云同步,自动对象选择,增强的画笔和填充工具等。此外,新的Phot...

扫图识别图片在线(扫图识别app下载)
扫图识别图片在线(扫图识别app下载)

1、首先打开手机相册,然后选择你需要识别的图片;2、长按图片,在应用选择中选择“提取文字”;3、对于通过扫一扫识别图片后所得到的文字内容,我们可以进行分享或保存到便签中进行修改编辑,还可以转换到其它文档中进行处理。拓展资料:二维码是近年来在...

2026-01-17 16:03 off999

取消回复欢迎 发表评论: