---
url: /wiki.md
---
# NiceGUI Wiki

这里是我们的额外内容托管区，社区成员可以轻松编辑。

查看 [常见问题解答](/wiki/FAQs) 以及我们官方文档中的数百个实时示例，网址为：<https://nicegui.io>

***

## 社区项目

### 扩展和库

* [RoSys](https://rosys.io/)：由 NiceGUI 维护者开发的易于使用的机器人系统，其用途与 ROS/ROS2 类似
* [Tabulator](https://github.com/CrystalWindSnake/nicegui-tabulator)：使用 [Tabulator](https://github.com/olifolkerd/tabulator) 库创建表格的出色工具包
* [ex4nicegui](https://github.com/CrystalWindSnake/ex4nicegui)：内置响应式组件和数据响应式界面编程的扩展库
* [CatDesign](https://github.com/ofenbach/CatDesign)：一套全面的设计系统，提供一系列预设样式的组件和功能，可直接使用
* [OpenLLM](https://github.com/alikalik9/openllm)：与各种 LLM 模型进行对话
* [NiceGUI WebSerial](https://github.com/zauberzeug/nicegui/discussions/334)：使用 JavaScript 的 WebSerial API，通过运行在服务器上的 Python 代码在客户端控制 NeoPixel LED。- [使用 NiceGUI 的 FIEF Web 应用演示](https://github.com/ClaudioBsh/publicdemos/releases)：使用 Traefik、FastAPI、FIEF、PostgreSQL、Redis、HTML、NiceGUI、Bash 脚本、Docker-Compose
* [NiceGUI CRUD 组件](https://pypi.org/project/niceguicrud/)：为你的 Python 对象列表提供用户界面，支持创建、更新和删除项目，可从 Pydantic 的 BaseModel 设置自动配置
* [NiceDeck](https://github.com/falkoschindler/nicedeck)：使用 NiceGUI 在 Python 中创建幻灯片
* [NiceGUI 模板](https://github.com/frycodelab/nicegui-component-based)：让初学者或高级开发人员能够轻松启动模块化项目结构。

### 示例

* [LLM 聊天示例](https://github.com/microsoft/nodeengine/blob/main/examples/apps/simple-chat-client/README.md)：微软使用 NiceGUI 驱动的 GUI 演示其 Node Engine 与 OpenAI 模型的交互。
* [使用 NiceGUI 和 Zenora 的 Discord Oauth](https://github.com/FlynV/NiceGUI-Discord-Oauth2)：使用 NiceGUI 和 Zenora 的 Discord API 包装器实现 Discord Oauth 的简单集成，用于登录和注销。
* [LangChain UI](https://github.com/wptmdoorn/simple_nicegui_langchain_ui)：对 [聊天示例](https://github.com/zauberzeug/nicegui/blob/main/examples/chat_app/main.py) 的改编，使其能够与 AI 大型语言模型配合使用
* [Azure 部署](https://github.com/Joey40/NiceGuiTest)：使用 GitHub Actions 在 Azure 容器应用（ACA）中部署 NiceGUI 容器的一个示例
* [Speakscribe](https://github.com/chapig/speakscribe)：一个网络应用程序，可使用 OpenAI 转录音频并与机器人聊天
* [GPT-NiceGUI](https://github.com/mggger/gpt-nicegui)：结合 OpenAI 的 GPT 大型语言模型和知识库，用于回答 NiceGUI 问题和编写代码
* [Zauberzeug 网站](https://zauberzeug.com)：维护 NiceGUI 的机器人和软件公司也使用它来运行其网站
* [ROS2 图像显示](https://github.com/zauberzeug/ros_nicegui_image_example)：使用 NiceGUI 显示通过 ROS2 主题接收的图像，作为 RViz 的轻量级替代方案
* [ROS2 乌龟模拟器操纵杆](https://github.com/zauberzeug/ros_nicegui_turtlesim_joystick)：使用 NiceGUI 的操纵杆来控制乌龟模拟器
* [带插件的 FullCalendar](https://github.com/dorel14/NiceGui-FullCalendar_more_Options)：如何使用 [FullCalendar 库](https://fullcalendar.io/) 及其插件的示例。

### 应用程序

* [信用卡索引](https://card-index.com/)：类似于 IMDb 的信用卡索引网站。
* [Pinger](https://github.com/dyipon/pinger)：简单的网络工具
* [Hush](https://github.com/natankeddem/hush)：基于 Docker 的风扇控制器
* [RoutineButler](https://youtu.be/bQzgBweQZKI)：管理用户设置的日常任务，并通过树莓派上的信息亭模式激励用户完成任务
* [Nanoleaf 控制](https://github.com/RobinSchfr/Lightning-control-for-Nanoleaf)：更方便地控制 Nanoleaf 灯光并创建效果
* [合成骑行地图制作助手](https://github.com/adosikas/synth_mapping_helper)：有助于制作《合成骑行》地图的工具
* [ODrive GUI](https://github.com/zauberzeug/odrive-gui)：用于调整和调试 ODrive 电机控制器的基于 Web 的图形用户界面
* [Broh5](https://github.com/nghia-vo/broh5)：基于浏览器的 HDF5 查看器（H）（5），采用模型-视图-控制器模式实现，并提供单体版本作为对比
* [Slaanesh](https://github.com/h-quer/Slaanesh)：一款游戏追踪器，可记录已玩过的游戏，还能维护愿望清单和待玩清单。
* [Monoquant](https://monoquant.com/)：一款无需编程的交易策略编辑器，具备回测、人工智能等功能。
* [Beaver Habits Tracker](https://github.com/daya0576/beaverhabits)：一款无需设定目标的自托管习惯追踪应用。
* [Sonos Moments](https://github.com/falkoschindler/sonos_moments)：一个用于控制 Sonos 音箱的简单网络应用程序。
* [Night Watcher](https://github.com/daya0576/nightwatcher)：一个带有自定义检测功能的简单 IP 摄像头查看器。
* [Reemote](https://reemote.org)：Reemote 是一个用于任务自动化、配置管理和应用程序部署的 Python API。你可以使用 Reemote 的图形用户界面在多台服务器上安装和配置软件。

## 教程

### 视频

* [构建图片库](https://youtu.be/eq0k642zQQ8)：由“Python 人人可用”提供的包含所有步骤详细解释的视频教程。
* [构建每日计划器](https://www.youtube.com/watch?v=BI7QpsBVqYU)：由 Nylas 提供的视频教程。

### 维基

* [边输入边搜索](https://github.com/zauberzeug/nicegui/wiki/Search-as-You-Type) - 逐步构建鸡尾酒配方示例
* [在 fly.io 上部署](https://github.com/zauberzeug/nicegui/wiki/fly.io-Deployment) - 将你的网络应用程序部署到 fly.io 托管的公共服务器上
* [在 Google Cloud Run 上部署](https://github.com/zauberzeug/nicegui/wiki/Cloud-Run-Deployment) - 将你的网络应用程序部署到由 Google 托管的服务器上
* [ROS2 turtlesim 操纵杆](https://github.com/zauberzeug/nicegui/wiki/ROS2-turtlesim-joystick) - ROS2 如何与 NiceGUI 结合使用以完成 turtlesim 教程
* [ROS2 图像接收器](https://github.com/zauberzeug/nicegui/wiki/ROS2-image-display) - 基于 ROS2 图像显示示例,介绍 ROS2 如何与 NiceGUI 结合使用
* [NiceGUI 简体中文文档（本站）](/) - NiceGUI 的非官方中文文档

### 发布内容

* [NiceGUI：如何用最少的代码在 Python 中创建令人惊叹的网页界面](https://python.plainenglish.io/nicegui-how-to-create-stunning-web-interfaces-in-python-with-minimal-code-7d33fdac998e)
* [在 Hetzner Online GmbH 上部署教程](https://github.com/hetzneronline/community-content/blob/master/tutorials/deploy-nicegui/01.en.md)

## ChatGPT 和其他 LLM

正如在[#1371](https://github.com/zauberzeug/nicegui/discussions/1371)中所讨论的，NiceGUI 目前尚未被 ChatGPT 和其他 LLM 所熟知。这很不幸，因为这常常导致它们胡乱猜测而不是承认自己的无知。我们只需使用[这个提示文本](https://github.com/zauberzeug/nicegui/wiki/Chat-GPT-4-Prompt)，将其复制粘贴到 ChatGPT 对话的开头即可。这将为 ChatGPT 提供 NiceGUI 的基本概念。如果你真的希望 LLM 理解 NiceGUI，我们提供了完整的 JSON 格式文档，网址为 <https://nicegui.io/static/sitewide_index.json>。你还可以使用一段[简短文本](https://github.com/zauberzeug/nicegui/wiki/ChatGPT-Custom-Instructions)作为你的[自定义指令](https://openai.com/blog/custom-instructions-for-chatgpt)的一部分。
