NiceGUI是一个python轻量级GUI框架,其后端是基于FastAPI构建,前端是基于Vue和Quasar构建,据作者所说,NiceGUI是受到Streamlit和JustPy的启发而开发,并兼具两者的优势,轻巧、快速、灵活而又具更强的功能。
Docker搭建开发环境的好处是众所周知的。本文介绍在windows下,利用Docker Desktop中的Dev Environments功能搭建NiceGUI的开发环境。
第一步:建立开发目录和配置文件:
在任意盘符下新建文件夹,例如“nicegui_app”,你也可以用任意名称。然后在此文件夹下,新建文件“compose-dev.yaml”,文件中输入以下内容:
services:
app:
image: zauberzeug/nicegui:latest
restart: always
ports:
- 8080:8080
environment:
- PUID=1000 # change this to your user id
- PGID=1000 # change this to your group id
volumes:
- ./app:/app
在同级目录下,新建文件夹“app”,此文件夹不要改名字,在此文件夹下,新建文件main.py,文件中输入以下内容:
from nicegui import ui
ui.label('Hello World!!!!')
ui.run()
目录结构如下图所示:
第二步:创建Docker开发环境
启动Docker Desktop,导航到Dev Environments菜单(目前Dev Environments还处于beta状态,所以,需要安装较新版本的Docker Desktop才有这个功能)。
点击“Create->Get Started”。
在随后的界面中进行以下操作:
- 在Name下的文本框中输入“NiceGUI_app”,也可取其他名称。
- 在Choose source下选择Local directory
- 点击Select按钮,选择第一步创建的文件夹nicegui_app
- 点击Continue按钮
Docker Desktop会开始创建开发环境,创建成功后,如下图所示
点击Continue->Done,启动开发环境。此时打开浏览器,输入localhost:8080,即可看到如下画面:
用vscode等编辑器,打开main.py,将“Hello World!!!”改为“Hello NiceGUI!!!”,保存后,页面会自动刷新。
至此,开发环境就搭建成功了。