网络应用:潜入

  • 制作一个能显示图像和播放声音的网络应用程序
  • 学习如何使用 Jupyter Notebooks 在 Python 中制作数据图表
  • 使用 Streamlit 制作数据仪表盘网络应用程序

STREAMLIT

使用 Streamlit 和 Python 制作网络应用程序非常简单。与基于块的编码平台一样,Streamlit 平台包含许多组件和小工具,只需一行代码就能添加到应用程序中。大部分代码已经为您编写和打包,因此您可以专注于应用程序的目标,而不是被大量繁琐的代码所困扰。 

为了练习使用 Streamlit,我们将以 Thunkable 和 App Inventor 中的一个移动应用程序为例,展示如何使用 Streamlit 以网络应用程序的形式构建相同的应用程序。 

活动 1:音板应用程序

预计时间30 分钟

编写 Streamlit 网络应用程序

  1. 点击下面的按钮下载制作应用程序所需的资产(图像和声音文件)。
  2. 跟进 一种 您可以使用这些视频来创建一个简单的声音板应用程序,当按下按钮时就会播放声音。
  3. 在应用程序中添加第四个人。找一张图片和简短的声音文件添加到应用程序中。下面是一些著名演讲的链接
下载资产文件

处理数据

Python 语言能很好地处理数据。Python 有许多专门用于让程序员读取、操作和绘制数据的库。与 Streamlit 平台相结合,程序员可以轻松地为用户制作分析和显示数据的应用程序。下一步,您还可以将数据集和机器学习模型整合到应用程序中。

数据图表

大多数程序员和数据科学家使用 Python 处理数据时,都会使用名为笔记本的软件。最流行的笔记本界面之一是 Jupyter Notebook.根据Kaggle Survey 2022的结果,Jupyter Notebook 是最流行的数据科学交互式开发环境(IDE),超过 80% 的受访者都在使用。 

Jupyter Notebook 可在浏览器中运行,但也有其他界面。例如,它可以直接集成到 Visual Studio Code 中。 

笔记本背后运行代码的引擎称为 内核.对于 Python,您将使用 ipython 内核。 

笔记本允许您编写文本和 Python 代码。文本使用 标记语言以及格式化文本的简单命令。这也是为笔记本中的代码添加标题和解释的好方法。

您还可以直接在笔记本中执行 Python 代码。 

jupyter 笔记本代码单元截图

Jupyter 笔记本类似于您在学校使用的实体笔记本,是记笔记、整理数据项目思路和探索信息的好方法。执行代码的附加功能可以让您以一种有控制、有组织的方式尝试使用 Python 代码。 

Jupyter 笔记本可帮助您在跳转到 Visual 代码编辑器构建实际应用程序之前,规划和测试网络应用程序的不同方面。

PYTHON 库

您需要在代码中使用许多库来构建网络应用程序。A 是执行特定任务的预编写代码的集合。编程库的功能非常强大,这意味着您的应用程序只需几行代码就能实现强大的功能。 

对于 Python 来说,大多数库都要求首先在计算机上安装,然后在 Python 脚本文件中导入所需的库。 

使用数据时需要的库有 numpy 和 pandas。

熊猫可让您的应用程序轻松处理大量数据。它将数据放入一个叫做数据帧的东西中,然后你的应用程序就可以使用这个数据帧了。 Numpy有许多对数据帧中的数据进行数值运算的函数。

此外,还有许多绘图和图形库,可以让用户将数据可视化。Python 中最流行的可视化库是 matplotlib, plotlyseaborn

下面的活动将使用所有这些库。该活动将从音乐和心理健康调查中获取数据集,创建一个数据仪表盘应用程序,以不同的方式显示数据,供用户交互使用。

活动 2:数据图表

预计时间:90 分钟

构建流光网络应用程序

根据您是在电脑上还是在云上进行编码,请观看相应的视频。
  • 在电脑上
    1. 按照本视频(第 1 部分)安装并运行 Jupyter 笔记本。点击下面的链接下载笔记本文件。
    2. 观看本视频(第 2 部分),使用 Streamlit 构建数据仪表盘应用程序。
  • 在云中
    1. 观看本视频(第 1 部分),在 Github Codespaces 中运行 Jupyter Notebook。
    2. 观看本视频(第 2 部分),使用 Streamlit.io 构建数据仪表盘应用程序。
轮到你了 为你的数据仪表盘再添加一张图表。你可以选择原始 Jupyter Notebook 中的其他图表,也可以在 Jupyter Notebook 中制作新的绘图/图表,然后将代码集成到 Streamlit 中,将其添加到仪表板中。
下载笔记本

反思

恭喜你,你用 Streamlit 制作了两个网络应用!问自己几个问题

反照
在安装或运行 Jupyter Notebook 或 Streamlit 时遇到问题了吗?
遇到问题时,您是如何克服的?
如何在你的项目中运用本课的观点?
上一张幻灯片
下一张幻灯片

关键术语回顾

  • Jupyter 笔记本 - 流行的数据科学交互式开发环境,通过 Python 编码处理数据
  • 内核- 运行并充当 Jupyter 笔记本引擎的进程
  • Markdown 语言- 一种可以轻松格式化文本,使其更易于阅读的语言
  • - 执行特定任务的预写代码集

其他资源

Jupyter 笔记本

 

流光溢彩