用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=16134529770465554621.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)是一种智能终端产品,包括云端资源、传输协议和云终端等,并具有集中管控与维护、应用访问、整体资源调度、弹性资源扩展、数据安全等特色特点。云电脑...
- qq管家官方下载官网(qq管家官方网站)
-
腾讯电脑管家(TencentPCManager/原名QQ电脑管家)是腾讯公司推出的免费安全软件。拥有云查杀木马,系统加速,漏洞修复,实时防护,网速保护,电脑诊所,健康小助手,桌面整理,文档保护等功...
- photoshop最新软件版本(ps最新版本是)
-
你好,AdobePhotoshop的最新版本是PhotoshopCC2020。新版本的Photoshop具有更多的功能和改进,包括云同步,自动对象选择,增强的画笔和填充工具等。此外,新的Phot...
-
- 扫图识别图片在线(扫图识别app下载)
-
1、首先打开手机相册,然后选择你需要识别的图片;2、长按图片,在应用选择中选择“提取文字”;3、对于通过扫一扫识别图片后所得到的文字内容,我们可以进行分享或保存到便签中进行修改编辑,还可以转换到其它文档中进行处理。拓展资料:二维码是近年来在...
-
2026-01-17 16:03 off999
欢迎 你 发表评论:
- 一周热门
-
-
抖音上好看的小姐姐,Python给你都下载了
-
全网最简单易懂!495页Python漫画教程,高清PDF版免费下载
-
飞牛NAS部署TVGate Docker项目,实现内网一键转发、代理、jx
-
Python 3.14 的 UUIDv6/v7/v8 上新,别再用 uuid4 () 啦!
-
python入门到脱坑 输入与输出—str()函数
-
Python三目运算基础与进阶_python三目运算符判断三个变量
-
(新版)Python 分布式爬虫与 JS 逆向进阶实战吾爱分享
-
失业程序员复习python笔记——条件与循环
-
系统u盘安装(win11系统u盘安装)
-
Python 批量卸载关联包 pip-autoremove
-
- 最近发表
- 标签列表
-
- python计时 (73)
- python安装路径 (56)
- python类型转换 (93)
- python进度条 (67)
- python吧 (67)
- python的for循环 (65)
- python格式化字符串 (61)
- python静态方法 (57)
- python列表切片 (59)
- python面向对象编程 (60)
- python 代码加密 (65)
- python串口编程 (77)
- python封装 (57)
- python写入txt (66)
- python读取文件夹下所有文件 (59)
- python操作mysql数据库 (66)
- python获取列表的长度 (64)
- python接口 (63)
- python调用函数 (57)
- python多态 (60)
- python匿名函数 (59)
- python打印九九乘法表 (65)
- python赋值 (62)
- python异常 (69)
- python元祖 (57)
