赞
踩
最近想把之前写的一些工作用的多个小程序捏合在一起,由于模块比较多,所以需要设置多个界面对这些小程序分别进行设置。在WINDOWS下,就是多个窗口分别设置。
对于PYTHON而言,做UI界面其实有点烦琐,甚至工作量不亚于程序。之前用过TKINTER,东西做出来太丑了。用过PYQT,好看了一些,但是一个GUI界面搞那么多代码,而且从兼容性角度,单位很多电脑运行不了。所以后来做界面我都更喜欢做WEB网页,因为WEB的话只要有浏览器程序就可以运行,兼容性好。之前用过FLASK项目,所以抄抄改改勉强能用。不过这次的程序集合,里面很多设置其实很简单,用FLASK有点高射炮打蚊子。所以我就重新上网搜索,找到了NICEGUI库,漂亮的界面、简洁的代码很吸引我。
不过NICEGUI的最大缺点就是太新了,网上的资料很少,BILI上教学视频只有几个而已。官方文档NiceGUI是英文的,对于界面样式的介绍很少,所以我决定在开发的过程中遇到的问题都记录下来,方便之后的人们查看。
如何安装,如何启动在这里就不赘述了,现在已有的资料都可以查得到,我记录的都是一个特殊的设计。
第一篇分享的代码是添加一个公共标题头。在UI多界面设计过程中,我想在每个页面上都加一个共同的标题和一排按钮。
- from nicegui import ui
-
-
- def header(): # 添加导航栏
- ui.label('信息管理系统设置').classes('self-center')
- with ui.column():
- ui.button('首页', on_click=lambda: ui.open(homepage))
- ui.button('功能一', on_click=lambda: ui.open(page1))
- ui.button('功能二', on_click=lambda: ui.open(page2))
- ui.button('功能三', on_click=lambda: ui.open(page3))
- ui.button('功能四', on_click=lambda: ui.open(page4))
- ui.button('功能五', on_click=lambda: ui.open(page5))
-
-
- # 创建首页界面
- @ui.page("/")
- def home_page():
- header()
- ui.label('首页设置页面').classes('self-center')
-
- with ui.column():
- ui.input(label='设置文件名', placeholder='start typing',)
- ui.input(label='打印机设置', placeholder='start typing', )
-
-
-
- # 创建功能一设置界面
- @ui.page("/page1")
- def page1():
- header()
- ui.label('功能一设置页面').classes('self-center')
效果如下:
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。