用PythonEel写个Metro风格的web的GUI桌面程

　　1说明
　　1。1Eel是python的轻量级桌面GUI程序开发库。
　　1。2已介绍，暂时略。讲一个用Python写个Metro风格的桌面程序。
　　1。3资料来源，对代码进行注释。https：www。jianshu。comp625da69a1d38https：baijiahao。baidu。coms？id1613452977046555462
　　1。4环境：deepinlinux深度操作系统，python3。8，谷歌浏览器，微软vscode编辑器。
　　学习李敖大师，作品必配美女图，吸引注意力。
　　2文件结构：简单，一个main。py和一个web文件夹（里面有一个main。html）
　　3main。py代码：导出模块importeel初始化，指定web文件夹，便于启动main。html文件eel。init（web）使用装饰器，类似flask里面对路由的定义eel。expose定义函数：python与html的联动设置defhello1（）：return你好，python的eel注意每一个函数都必须从新使用装饰器eel。exposedefhello2（）：returnEel很简单呀！启动的函数调用放在最后，port0表示使用随机端口，size（宽，高）eel。start（main。html，port0，size（600，300））eel。start（main。html）
　　4main。html代码：！DOCTYPEhtmlhtmllangenheadmetacharsetUTF8metanameviewportcontentwidthdevicewidth，initialscale1。0metahttpequivXUACompatiblecontentieedgetitle用Python写个Metro风格的桌面程序titlelinkhrefhttps：cdn。metroui。org。uav4cssmetroall。min。cssrelstylesheet！注意eel。js文件的导入；是eel的一大特点，与常见的js导入不同和vue也不同！这个eel。js就是默认从你安装的eel模块中导出，也就是项目文件夹中无eel。js均可以，也就不存在本地和在线导入eel。jsheadbodynavdataroleribbonmenuulclasstabsholderli文件lili设置liulbuttonclassribbonbuttononclickshow1val（）spanclassmifcopymif5xfgbluespanspanclasscaption显示1spanbuttonbuttonclassribbonbuttononclickshow2val（）spanclassmifcopymif5xfgbluespanspanclasstitle显示2spanbuttonspanclasstitle文本显示spanbuttonclassribbonbuttonspanclassmifcopymif5xfgbluespanspanclasscaptiongithubspanbuttonbuttonclassribbonbuttonspanclassmifcopymif5xfgbluespanspanclasstitlegitlabspanbuttonspanclasstitle提交spannavtextareaidtxtrows100textareabodyhtml
　　5运行及效果图
　　很方面，如果和vue结合会更强大。整理并分享出来，喜欢就收藏和转发。