nicegui第二弹,基于 Python 的 Web UI 框架

nicegui

https://github.com/zauberzeug/nicegui

NiceGUI 是一个基于 Python 的 Web UI 框架,旨在简化 Python 前端应用程序的开发,特别是在机器学习和数据科学领域。

它为开发人员提供了简单直观的界面,可以轻松构建 GUI 应用程序。

NiceGUI 预装了各种即用型 GUI 组件,包括按钮、标签、复选框、滑块、开关等。

这使得开发人员能够快速将这些元素合并到他们的应用程序中,而无需大量的手动编码。NiceGUI 还提供 UI 元素之间的值绑定,从而实现无缝数据同步和更新。

它支持各种绘图、图表、图像和视频的显示,使其适合以具有视觉吸引力的方式可视化数据和结果。

初体验

库的安装

要安装 nicegui,你需要 Python 3.6 或更高版本。

可以直接使用 pip 来进行安装。

pip install nicegui

用法

你可以创建一个 python 文件 test.py,然后通过以下代码来创建标签和按钮。

from nicegui import ui

ui.label(‘Hello NiceGUI!’)  
ui.button(‘BUTTON’, on_click=lambda: ui.notify(‘button was pressed’))
ui.run()

要运行 UI 代码,你只需使用 Python 执行 test.py 即可。

python test.py

这将在 http://localhost:8080/ 上启动一个 Web 服务器,你可以在浏览器中访问你的 UI。

请注意,当你修改代码时,nicegui 会自动重新加载页面。

图片

示例

让我们看看如何使用 Nicegui 的一些功能来创建一个简单的 UI 来显示一些数据。

我们将使用 pandas 从 CSV 文件中读取一些数据,并使用 plotly.express 创建一些图表。

首先,我们导入我们需要的模块:

import pandas as pd  # We use this to create the dataframe
import plotly.express as px # We need this for plotting the data

from nicegui import ui

接下来,我们将 CSV 文件中的数据读取到 pandas 数据框中。

df = pd.read_csv('data.csv')

然后我们使用 plotly.express 创建一些图表。

fig1 = px.bar(df, x='name', y='value')
fig2 = px.pie(df, names='name', values='value')

最后,我们使用 nicegui 的 plot 方法显示图表。

ui.plotly(fig1)  
ui.plotly(fig2) 

就是这样!我们创建了一个简单的 UI,只需几行代码即可显示一些数据。

图片

我们可以通过编辑代码并添加一些标签来更改页面的结构。

import pandas as pd  
import plotly.express as px

from nicegui import ui

df = pd.read_csv('.\data.csv')
fig1 = px.bar(df, x='name', y='value')  
fig2 = px.pie(df, names='name', values='value')  

ui.markdown('## My first nicegui app')

ui.markdown('### Bar chart')
ui.plotly(fig1)

ui.markdown('### Pie chart')
ui.plotly(fig2)
ui.run()

图片

NiceGUI 是一个易于使用的包,可让你使用最少的代码创建各种 UI 元素。它非常适合快速轻松地制作原型并尝试不同的想法。

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇