使用终极 GUI 框架 NiceGUI 提升你的 Python 应用程序

介绍

随着机器学习和深度学习网站应用程序的快速增长，开发人员一直在寻找新的 Web 框架，以便更轻松地构建这些网站应用程序。

数据科学应用程序的普及程度已经上升，因此新的框架也在增加。开发人员创建了许多新的框架，这些框架被证明对构建这些网站应用程序很有帮助。其中一个框架就是NiceGUI。在本文中，我们将关注这个框架以及如何使用它构建简单的应用程序。

学习目标

• 了解 NiceGUI

• 学习使用 NiceGUI 编写基本元素

• 了解值绑定的工作原理

• 使用 NiceGUI 在 UI 中显示数据

• 使用 NiceGUI 构建应用程序

目录

• 介绍

• 什么是 NiceGUI？

• 安装 NiceGUI

• NiceGUI 的基本元素

• 用户输入和值绑定

• 数据元素和图表

  • 带有 NiceGUI 的 Pandas DataFrame

• 用例和应用程序

• 结论

什么是 NiceGUI？

NiceGUI是一个简单易用的基于Python的Web-UI框架，其目的是使在Python中开发前端应用程序变得容易。

NiceGUI Framework 的 UI 元素基于 Vue 和 Quasar。NiceGUI带有许多现成的元素。它甚至允许不同元素之间的值绑定。NiceGUI 可以轻松显示各种图表。它的开发人员选择在 Fast API Framework 之上构建它，因为它具有快速的性能和用户友好的界面。

NiceGUI 中的样式随着 CSS、Tailwind 和 Quasar 的变化而变化。默认情况下，它允许自定义样式。使用 NiceGUI 构建从短脚本到仪表板再到完整的机器人项目，甚至是机器学习网站应用程序。

一些功能包括：

• 预加载了随时可用的 GUI 元素，如按钮、标签、复选框、滑块、开关等

• 表情符号图标、SVG 和 base64 支持

• 提供简单的数据绑定

• 用于刷新数据的内置定时器

• 能够渲染 3D 场景，绘制图表

• 可以轻松显示图像和视频

• 它使自定义页面和布局变得容易，并且内置了对 Tailwind CSS 的支持

安装 NiceGUI

像使用 pip 的其他普通 Python 包一样下载 NiceGUI。

python3 -m pip install nicegui

请注意，NiceGUI 甚至提供了一个 Docker Image 来测试其功能，而无需将其下载到机器上。让我们看一些示例代码：

from nicegui import ui

ui.label('Welcome to NiceGUI!')
ui.button('Click Here', on_click=lambda: ui.notify('Button Pressed'))

ui.run()

要使用 NiceGUI，我们需要导入库nicegui。我们将在这里使用nicegui的三个函数

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

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

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

让我们运行代码并查看下面的输出