翻译: Streamlit从入门到精通 基础控件 一

最新推荐文章于 2024-09-20 12:50:18 发布
最新推荐文章于 2024-09-20 12:50:18 发布
阅读量2.4k 收藏 35
点赞数 28
分类专栏： LLM-Large Language Models 文章标签： langchain chatgpt 人工智能 prompt python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zgpeace/article/details/135573471
版权
本文介绍了Streamlit，一个专为非网络开发者设计的开源框架，帮助数据科学家快速创建和分享机器学习应用。通过简洁的API，无需前端知识，用户可以轻松添加文本、媒体、小部件和交互功能。
摘要由CSDN通过智能技术生成

这个关于Streamlit的教程旨在帮助数据科学家或机器学习工程师，他们不是网络开发者，也不想花费数周时间学习使用这些框架来构建网络应用程序。

在这里插入图片描述

1. 什么是Streamlit？

Streamlit是一个免费且开源的框架，用于快速构建和共享美观的机器学习和数据科学Web应用程序。它是一个基于Python的库，专为机器学习工程师设计。数据科学家或机器学习工程师不是Web开发者，他们不想花几周时间学习这些框架来构建Web应用程序。相反，他们需要一个更容易学习和使用的工具，只要它能展示数据并收集建模所需的参数。Streamlit让你只需几行代码，就能创建一个令人惊艳的应用程序。

2. 为什么数据科学家应该使用Streamlit？

Streamlit的最大优点是，即使你不懂任何网页开发的基础知识，也可以轻松开始创建你的第一个网络应用程序。所以，如果你是一个热衷于数据科学，并希望能够轻松、快速、仅用几行代码就部署你的模型的人，Streamlit是一个不错的选择。

让一个应用程序成功的重要方面之一是通过有效直观的用户界面交付它。许多现代重数据应用面临快速构建有效用户界面的挑战，而无需采取复杂步骤。Streamlit是一个有前景的开源Python库，使开发者能够在短时间内构建吸引人的用户界面。

Streamlit尤其适合那些没有前端知识的人，将他们的代码转换为网络应用程序的最简单方式：

  • 无需前端(html、js、css)经验或知识。
  • 你不需要花费数天或数月来创建一个网络应用，你可以在几个小时甚至几分钟内创建一个非常漂亮的机器学习或数据科学应用。
  • 它与大多数Python库兼容（例如pandas、matplotlib、seaborn、plotly、Keras、PyTorch、SymPy(latex)）。
  • 创建令人惊叹的网络应用需要的代码更少。
  • 数据缓存简化并加速了计算管道。

3. 如何使用 Streamlit

安装 Streamlit，打开终端

pip install streamlit

测试安装是否成功：

streamlit hello

在这里插入图片描述

在这里插入图片描述

4. 如何运行 Streamlit 代码

streamlit run main.py

在这里插入图片描述
Streamlit命令易于编写和理解。通过一个简单的命令，你就可以展示文本、媒体、小部件、图表等。

5. 使用Streamlit显示文本

首先，我们将看到如何向您的Streamlit应用程序添加文本，以及添加文本的不同命令是什么。

st.write()：这个函数用于向网络应用程序添加任何内容，从格式化字符串到matplotlib图表、Altair图表、plotly图形、数据框架、Keras模型等等。

import streamlit as st

st.write("Hello ,let's learn how to build a streamlit app together")

在这里插入图片描述

  • st.title(): 这个函数允许你添加应用的标题。
  • st.header(): 这个函数用于设置一个章节的标题。
  • st.markdown(): 这个函数用于设置一个章节的Markdown。
  • st.subheader(): 这个函数用于设置一个章节的副标题。
  • st.caption(): 这个函数用于编写标题说明。
  • st.code(): 这个函数用于设置代码。
  • st.latex(): 这个函数用于显示格式化为LaTeX的数学表达式。
    在这里插入图片描述

6. 使用Streamlit显示图片、视频或音频文件

你找不到像Streamlit这样简单的函数来显示图片、视频和音频文件。让我们看看如何用Streamlit展示媒体！

  • st.image()：这个函数用于显示图片。
  • st.audio()：这个函数用于播放音频。
  • st.video()：这个函数用于播放视频。
st.image("kid.jpg")
st.audio("Audio.mp3")
st.video("video.mp4")

在这里插入图片描述

7. 输入widgets小部件

widgets是最重要的用户界面组件之一。Streamlit提供了多种小部件，让您可以直接将交互性融入您的应用程序中，包括按钮、滑块、文本输入等等。

  • st.checkbox()：这个函数返回一个布尔值。当复选框被选中时，它返回True值，否则返回False值。
  • st.button()：这个函数用于显示一个按钮小部件。
  • st.radio()：这个函数用于显示一个单选按钮小部件。
  • st.selectbox()：这个函数用于显示一个选择小部件。
  • st.multiselect()：这个函数用于显示一个多选小部件。
  • st.select_slider()：这个函数用于显示一个选择滑块小部件。
  • st.slider()：这个函数用于显示一个滑块小部件。
st.checkbox('yes')
st.button('Click')
st.radio('Pick your gender',['Male','Female'])
st.selectbox('Pick your gender',['Male','Female'])
st.multiselect('choose a planet',['Jupiter', 'Mars', 'neptune'])
st.select_slider('Pick a mark', ['Bad', 'Good', 'Excellent'])
st.slider('Pick a number', 0,50)

在这里插入图片描述

  • st.number_input(): 该函数用于显示一个数字输入小部件。
  • st.text_input(): 该函数用于显示一个文本输入小部件。
  • st.date_input(): 该函数用于显示一个日期输入小部件，用于选择日期。
  • st.time_input(): 该函数用于显示一个时间输入小部件，用于选择时间。
  • st.text_area(): 该函数用于显示一个多行文本的文本输入小部件。
  • st.file_uploader(): 该函数用于显示一个文件上传小部件。
  • st.color_picker(): 该函数用于显示一个颜色选择器小部件，用于选择颜色。
st.number_input('Pick a number', 0,10)
st.text_input('Email address')
st.date_input('Travelling date')
st.time_input('School time')
st.text_area('Description')
st.file_uploader('Upload a photo')
st.color_picker('Choose your favorite color')

在这里插入图片描述

8. 使用 Streamlit 显示进度和状态

接下来我们将看到如何在我们的应用中添加进度条和状态消息，例如错误和成功。

  • st.balloons()：这个函数用于显示庆祝时的气球。
  • st.progress()：这个函数用于显示进度条。
  • st.spinner()：这个函数用于在执行过程中显示临时等待消息。
st.balloons()
st.progress(10)
with st.spinner('Wait for it...'):    
	time.sleep(10)

在这里插入图片描述

  • st.success(): 此函数用于显示成功消息。
  • st.error(): 此函数用于显示错误消息。
  • st.warning(): 此函数用于显示警告消息。
  • st.info(): 此函数用于显示信息性消息。
  • st.exception(): 此函数用于显示异常消息。
st.success("You did it !")
st.error("Error")
st.warning("This is a warning")
st.info("It's easy to build a streamlit app")
st.exception(RuntimeError("RuntimeError exception"))

在这里插入图片描述

9. 侧边栏和容器 Sidebar and container

你也可以在页面上创建一个侧边栏或容器来组织你的应用。你的应用上的页面层级和布局可以对用户体验产生重大影响。通过组织你的内容，你可以让访问者理解并导航你的网站，这有助于他们找到他们正在寻找的内容，并增加他们将来返回的可能性。

9.1 侧边栏 Sidebar

将元素传递给st.sidebar()会使这个元素固定在左侧，让用户能够专注于你应用中的内容。

但是st.spinner()和st.echo()不支持与st.sidebar一起使用。

正如你所见，你可以在你的应用界面中创建一个侧边栏，并在里面放置元素，这将使你的应用更加有序，更易于理解。

st.sidebar.title("This is written inside the sidebar")
st.sidebar.button("Click me")
st.sidebar.radio("Pick your gender", ["Male", "Female"])

在这里插入图片描述

9.2 容器 container

st.container() 用于创建一个不可见的容器，在这里你可以放置元素以便创建一个有用的布局和层次结构。

container = st.container()
container.write("This is inside the container")
st.write("This is outside the container")

在这里插入图片描述

参考

  • https://www.datacamp.com/tutorial/streamlit
  • https://streamlit.io/
Streamlit学习&使用（一）
Icy233333的博客
03-16 5640
近期接触到了streamlit，了解到是一个开源的基于python的平台，能将数据脚本快速制成Apps，好奇之下，尝试动手试试。因之前接触过微软的Power APPS，不过Power Apps无需安装，在浏览器中即可完成APPs创建。好奇之下，开始了技术小白的streamlit探索之路。
VBA从入门到精通（控件+类模块+ADO+SQL数据库）
06-16
? ? ? 本课程属性Excel?VBA中比较高阶的课程，主要讲解关于各种...第1章：工作表，工作簿常用事件。第2章：窗体控件应用第3章：ActiveX控件应用第4章：类模块应用第5章：vba+ado+sql第6章：实战应用（考试系统开发）
streamlit_NLP:通过Streamlit进行的简单NLP演示
04-06
streamlit_NLP 通过Streamlit进行的简单NLP演示
【streamlit】write函数、滑块组件slider、文本框操作、多选框、下拉框selectbox、侧边栏sidebar、单选按钮radio、进度条、文件上传、图例显示
linjun的博客
09-17 1652
slider"的中文意思是"滑块”。滑块的外观通常是一个可拖动的滑块，用户可以通过移动滑块来选择所需的值。返回的是一个容器对象的列表，每个对象都可以用来添加元素。通过调用 st.columns，您可以插入多个多元素容器，并将它们布局为并排的形式。返回的是一个容器对象的列表，每个对象都可以用来添加元素。直方图的 x 轴表示数据的取值范围，y 轴表示该取值范围内数据点的数量或频率。调用 st.expander，您可以插入一个可展开或折叠的容器，用于包含多个元素。容器的初始状态是折叠的，只显示提供的标签。
Streamlit：使用 Python 快速开发 Web 应用
weixin_45477686的博客
09-20 1056
Streamlit 是一个开源的 Python 框架，旨在为数据科学家和 后端工程师们提供只需几行代码即可创建动态数据应用的功能。让没有任何前端基础的人，使用 Python 开发 Web 应用，没有复杂的配置，没有复杂的语法，开箱即用，拎包入住。在Python编译器Pycharm打开终端，进入到代码的目录下，输入。在Python编译器Pycharm打开终端，进入到代码的目录下，输入。接下来会自动跳转到网页上面，或者复制下面的网页地址。2.模拟HTTP请求工具。
【Python之Streamlit】第1章：Streamlit简介
PythonWeb实践
05-08 1984
它具有无代码界面、实时交互性、易于部署和活跃的社区等关键特性。无论是数据可视化、机器学习建模还是仪表板开发，Streamlit都为您提供了一个生产力和可访问性的平台，让您专注于应用程序的价值，而不是底层技术细节。借助Streamlit，您可以使用简单的Python代码即可创建交互式数据可视化、机器学习模型演示和可部署的仪表板。了解Streamlit的原理、优势和局限性将帮助您充分利用该框架，并创建有效的Web应用程序。有限的自定义：虽然Streamlit提供了广泛的组件，但自定义应用程序界面的灵活性有限。
streamlit UI控件使用大全
水水不水啊的博客
11-19 4593
streamlit UI控件使用大全
streamlit中文开发手册（详细版）
热门推荐
weixin_44458771的博客
01-12 3万+
Streamlit 是一个用于创建数据科学和机器学习应用的Python框架。它的目标是使数据应用的开发变得更加简单，无需繁琐的前端代码。Streamlit的主要设计目标是让数据科学家和分析师能够轻松快速地构建数据科学和机器学习应用。它专注于简单性和快速迭代，使用户能够使用几行代码即可创建交互性应用。即使不懂前端知识HTML、CSS等，也能通过Streamlit框架提供的函数构建一个漂亮的web页面。
构建可视化 web的 Python 神器 -- Streamlit 教程
qq_50296787的博客
04-14 1448
可让创作者专注于内容和后端业务实现，而无需在前端分心，折腾 html + css + js + flask (or django)。可用极短的时间为python程序快速生成一个基于web的GUI，几行代码就能构建出一个精美的在线 app 应用。（2）无须学习前端知识（html、css、javascript）（3）支持markdown和html文本的渲染。（4）实现机器学习和数据科学的web应用的工具。机器学习工具框架streamlit开发手册。（1）API简单明了，易上手。
Streamlit中文文档（笔记）
qq_31034569的博客
12-26 1万+
Streamlit个人翻译总结文档笔记
翻译: Streamlit从入门到精通 显示图表Graphs 地图Map 主题Themes 二
AI架构师易筋
01-14 1451
好的可视化能够讲述一个故事，从数据中去除杂音，突出有用的信息。最简单的图表可能过于乏味，无法吸引注意力或传达有力的信息，而最令人惊叹的可视化可能完全无法传达正确的信息。数据和视觉效果需要相辅相成，将出色的分析与出色的故事讲述结合起来是一门艺术。你认为给你一百万数据点的表格/数据库文件，然后仅通过观察表格上的数据让你提供推断，这是否可行？这就是我们使用数据可视化的时候——它通过通过地图或图表提供视觉上下文，让我们清楚地了解信息的含义。：此函数用于显示图形对象，可通过不同的节点和边来完成。
streamlit-timeline：Streamlit时间轴组件
02-10
Streamlit的时间轴组件 一个在Streamlit应用程序中显示时间轴的简单组件。 它集成了 。 安装 首先安装Streamlit（当然！），然后pip安装此库： pip install streamlit pip install streamlit-timeline 例 # Streamlit Timeline Component Example import streamlit as st from streamlit_timeline import timeline # use full page width st . set_page_config ( page_title = "Timeline Example" , layout = "wide" ) # load data with open ( 'example.json' , "r" ) as f : da
Streamlit--Introduction:Streamlit功能的基本介绍
03-19
Streamlit--简介 Streamlit是一个开放源代码的Python库，可轻松创建和共享用于mmacine学习和数据科学的精美，自定义的Web应用程序。 确保您已安装Python 3.6-Python 3.8。 使用PIP安装Streamlit并运行“ hello world”应用程序： pip install streamlit streamlit hello 这就是开始所需的一切。现在，只需3个简单步骤即可制作一个应用： 打开一个新的Python文件，导入Streamlit，然后编写一些代码 使用streamlit run [filename.py] 准备就绪后，从简化菜单中单击“部署”即可与世界共享该应用程序！ 请参考以获取入门教程
streamlit-example:Streamlit学习应用程序
04-09
Streamlit是一款基于Python的数据可视化和应用开发框架，它允许数据科学家和工程师快速创建交互式的、美观的应用程序，无需深入学习前端技术。这个“streamlit-example”项目是一个学习和实践Streamlit的好例子，让...
Visual Basic开发VB从入门到精通完整教程398页.pdf
07-10
Visual Basic开发VB从入门到精通完整教程398页 本资源是关于Visual Basic 6.0的开发教程，旨在帮助初学者快速掌握Visual Basic 6.0的开发技术。课程涵盖了Visual Basic 6.0的发展历史、开发环境、管理工程、创建第...
wsb_streamlit:Streamlit Webapp显示WSB抓取结果
03-19
10. **数据可视化**：Streamlit支持多种数据可视化库，如Plotly、Altair等，这些库可以帮助创建动态和交互式的图表。 这个项目提供了学习和实践Python Web开发、数据抓取、数据分析和可视化的好机会。通过深入研究...
Streamlit自定义组件开发教程
新缸中之脑
01-18 7477
在这篇文章中，我们将学习如何构建Streamlit组件以及如何发布streamlit组件供其他人使用。 Streamlit 组件是一个可共享的 Streamlit 插件，可让你为应用程序添加新的视觉效果和交互性。为什么要使用或构建Streamlit组件？因为尽管 Streamlit 具有大量内置功能，但有时你可能希望向 Streamlit（尚）不可用的应用程序添加可视化或交互性，然后与社区共享。有三种类型的组件：想知道要构建哪些组件？以下是一些思路：Cruft 为你提供预先存在的项目模板。可以使用 pip、
Streamlit库入门级教程（一）——基本介绍和使用方式
weixin_52005740的博客
07-08 1万+
Streamlit库新手教学——适合不会传统Web开发的小白，只用python语言即可迅速做出一个本地可视化界面
streamlit 加载js
最新发布
10-18
Streamlit是一个轻量级的数据科学应用框架，它允许数据科学家快速创建交互式Web应用程序。如果你想在Streamlit应用中加载JavaScript，通常有两种方式： 1. **内联script标签**：可以直接在 Streamlit 的`st.write()`、`st.markdown()`等渲染函数中插入内联JavaScript代码，例如： ```python st.write('<script>document.getElementById("myElement").innerHTML = "Hello from JS!";</script>') ``` 2. **外部文件导入**：你可以将JavaScript放在单独的`.js`文件中，并通过`st.cache`或`st.script_runner`来动态加载： ```python import streamlit as st js_file = 'path_to_your_script.js' with open(js_file) as f: st.markdown(f'<script src="{js_file}"></script>', unsafe_allow_html=True) ``` 这样可以避免频繁地重新加载脚本。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值