Kto-Blog

NiceGUI Scaffold

Application scaffold based on NiceGUI, quick setup and tutorial for learning NiceGUI

NiceGUI Scaffold - Screenshot 1
Source Code
NiceGUIPythonGUIWeb

项目简介

这是一个基于 NiceGUI 的应用脚手架项目。NiceGUI 是一个创新的 Python GUI 框架，允许开发者使用纯 Python 代码构建现代化的 Web 界面。这个脚手架不仅可以帮助你快速搭建 NiceGUI 应用，还能作为学习 NiceGUI 的完整入门教程。

技术栈

  • NiceGUI - Python Web UI 框架
  • FastAPI - 内置的 ASGI 服务器
  • Vue 3 - 前端渲染引擎
  • Tailwind CSS - 样式系统

核心功能

1. UI 组件示例

  • 基础组件 (按钮、标签、输入框)
  • 布局组件 (行、列、卡片)
  • 数据展示 (表格、图表)
  • 导航组件 (菜单、标签页)

2. 交互功能

  • 事件处理
  • 状态绑定
  • 表单验证
  • 对话框

3. 高级特性

  • 自动重载
  • 路由管理
  • WebSocket 通信
  • 文件上传

项目结构

nicegui-scaffold/
├── app.py              # 主应用入口
├── pages/              # 页面模块
│   ├── home.py
│   └── dashboard.py
├── components/         # 可复用组件
│   └── charts.py
└── utils/              # 工具函数

快速开始

from nicegui import ui

ui.label('Hello NiceGUI!')
ui.button('Click me', on_click=lambda: ui.notify('Clicked!'))

ui.run()

项目特点

  • 纯 Python 开发
  • 无需前端知识
  • 自动 Web 化
  • 响应式布局
  • 丰富的组件库
  • 内置样式主题

适用场景

  • 快速原型开发
  • 数据可视化
  • 仪表板应用
  • 内部工具
  • 教学演示

源代码

查看源代码：Ktovoz/niceGUI-template-tutorial