nicegui学习使用

https://www.douyin.com/shipin/7283814177230178363

python轻量级高自由度web框架 - NiceGUI (6) - 知乎

python做界面，为什么我会强烈推荐nicegui

秒杀官方实现，python界面库，去掉90%事件代码的nicegui

python web GUI框架-NiceGUI 教程（二）_python nicegui web 模板-CSDN博客

NiceGUI: Python 的 UI 框架，撰寫 Python GUI 的好工具 - 大貓咪的新玩具

nicegui | 搜索结果 | AI技术聚合

强烈推荐一个Python库！制作Web Gui也太简单了！ - 掘金

ui.label | NiceGUI​​​​​​​

https://github.com/zauberzeug/nicegui/blob/main/examples/progress/main.py

nicegui的函数

• **label()**：使用此函数在 UI 上显示文本

• **button()**：此函数用于为 UI 创建可单击的按钮。

• **notify()**：底部的弹出窗口将显示此函数中编写的内容。

• “icon()”函数允许我们在 UI 上显示图标。要显示一个图标，我们需要提供一个图标名称。此功能依赖于 Quasar 的 QIcon。可以使用 CSS、Quasar 或 Tailwind 颜色指定颜色选项。大小选项由 classes() 方法使用 CSS 单位确定。

• “link()”函数使我们能够将链接分配给 UI 中的文本。首先，我们指定应链接的文本，然后是相应的网站 URL。

• **toggle()**：此函数可以生成一个切换框，我们在其中通过包含值到标签的映射的字典值列表传递选项。当用户选择一个选项时，它被保存在toggle变量中。

• **radio()**：这类似于 toggle() 函数，但在这里我们可以选择单选选项。

• **select()**：此函数生成一个下拉列表以选择特定选项。与上述函数相比，此函数的输入和存储的输出值相同。

• **checkbox()**：当用户选中复选框时，checkbox 变量被分配一个布尔值 True。

• **input()**：使用此函数时，将创建一个空文本框，用户可以在其中键入数据。它有一个名为“ label ”的变量，它告诉用户它期望的输入类型。每当用户在输入框中输入内容时，ui.label() 的 .set_text() 函数就会激活并在屏幕上显示键入的文本。

• **number()**：此函数的工作方式与 input() 函数类似，唯一的区别是此函数接受数字而不是文本

input()：使用此函数时，将创建一个空文本框，用户可以在其中键入数据。它有一个名为“ label ”的变量，它告诉用户它期望的输入类型。每当用户在输入框中输入内容时，ui.label() 的 .set_text() 函数就会激活并在屏幕上显示键入的文本。

ui.input(label='Text',          
    on_change=lambda e: text_input.set_text('输入文本: ' + e.value)) 
text_input = ui.label()

ui.number(label='Number', value=3.1415, format='%.2f',           on_change=lambda e: number_input.set_text('输入数字: ' + str(e.value))) 
number_input = ui.label() ui.run()

事件驱动：

数据响应式机制：