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

news2025/3/2 4:41:36

这个关于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/

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1382200.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

基于Go框架，Cloudreve个人免费开源网盘系统源码，支持云存储（七牛、阿里云OSS、腾讯云COS、又拍云、OneDrive）

基于Go框架，Cloudreve个人免费开源网盘系统源码，支持云存储（七牛、阿里云OSS、腾讯云COS、又拍云、OneDrive）

源码介绍 在数字化时代，我们经常需要存储、分享大量的文件，如照片、视频、文档等。然而，许多商业网盘服务却存在限速、收费等问题，给用户带来诸多不便。现在，我们为您推荐一款免费开源的网盘系统——Cloudreve。 Clo…
阅读更多...
【PACS Web系统】全网首发JAVA开发PACS医疗影像工作站

【PACS Web系统】全网首发JAVA开发PACS医疗影像工作站

目录 业务分析： 市场前景： Web版相对单机版优势： 主干功能： RBAC用户权限管理、服务监控、字典维护、通知公告等基础模块； 手动上传Dicom文件/文件夹，及接收Dicom服务器的Dicom文件集功能&#xff1b…
阅读更多...
Sqoop与其他数据采集工具的比较分析

Sqoop与其他数据采集工具的比较分析

比较Sqoop与其他数据采集工具是一个重要的话题，因为不同的工具在不同的情况下可能更适合。在本博客文章中，将深入比较Sqoop与其他数据采集工具，提供详细的示例代码和全面的内容，以帮助大家更好地了解它们之间的差异和优劣势。 Sq…
阅读更多...
LLVM系列（1）： 在微软Visual Studio下编译LLVM

LLVM系列（1）： 在微软Visual Studio下编译LLVM

参考链接： Getting Started with the LLVM System using Microsoft Visual Studio — LLVM 18.0.0git documentation 1.安装visualstudio，版本需要大于vs2019 本机环境已安装visual studio2022，省略 2安装Makefile，版本需要大…
阅读更多...
操作系统详解(5)——信号(Signal)

操作系统详解(5)——信号(Signal)

系列文章： 操作系统详解(1)——操作系统的作用 操作系统详解(2)——异常处理(Exception) 操作系统详解(3)——进程、并发和并行 操作系统详解(4)——进程控制(fork, waitpid, sleep, execve) 文章目录 概述信号的种类Hardware EventsSoftware Events 信号的原理信号…
阅读更多...
PostgreSQL认证考试PGCA、PGCE、PGCM

PostgreSQL认证考试PGCA、PGCE、PGCM

PostgreSQL认证考试PGCA、PGCE、PGCM 【重点！重点！重点！】PGCA、PGCE、PGCM 直通车快速下正，省心省力，每2个月一次考试 PGCE考试通知 （2024） 一、考试概览 （一） 报名要…
阅读更多...
【C++】wxWidgets库实现窗体程序

【C++】wxWidgets库实现窗体程序

一、安装wxWidgets库 在Debian系统上使用wxWidgets库来创建一个基本的窗体程序，首先需要确保已经安装了wxWidgets相关的库和开发工具。下面是安装wxWidgets的步骤： 打开终端，使用下述命令安装wxWidgets库及其开发文件： sudo ap…
阅读更多...
恒通未来-大数据传输中的WDM解决方案

恒通未来-大数据传输中的WDM解决方案

DWDM的出现是光纤传输技术发展中最新的重要现象之一。本教程将介绍DWDM技术的基本原理，如组件、DWDM系统中使用的光放大器等。 组件和操作： DWDM是光传输网络中的一种核心技术。DWDM的基本组件可以根据其在系统中的位置进行分类。在发射方面&#xff0…
阅读更多...
hardware simulation——框架搭建

hardware simulation——框架搭建

目录 引子 代码风格约束 代码结构和模板 引子 前几天有人拿个word文档，问我怎么实现，概括一下就是用c实现数码管显示。 但是咱们肯定不做这么简单这么点，我打算做个开源的项目，可以一直更新底层软件库，和上层显示库…
阅读更多...
在centos系统安装mqtt

在centos系统安装mqtt

在CentOS系统上安装MQTT，通常意味着要安装一个MQTT代理（broker），比如Mosquitto。下面是在CentOS上安装Mosquitto的步骤： 添加EPEL仓库： 由于Mosquitto可能不在CentOS默认的Yum仓库中，你可能需要…
阅读更多...
关于 setData 同步异步的问题

关于 setData 同步异步的问题

小程序官方文档中的回答解释: 所以大概意思就是: 1.setData在逻辑层的操作是同步，因此this.data中的相关数据会立即更新,比如下面的例子: const a 1 this.setData({b: a ? a : , }) console.log(that.data.b) // 1 2. setData在视图层的操作是异步，…
阅读更多...
八爪鱼拉拉手

八爪鱼拉拉手

欢迎来到程序小院 八爪鱼拉拉手 玩法&#xff1a;点击鼠标左键拖动移动八爪鱼&#xff0c;当他的手很忙的时候他会很高兴&#xff0c; 不同关卡不同的八爪鱼的位置摆放&#xff0c;快去闯关吧^^。开始游戏https://www.ormcc.com/play/gameStart/248 html <div id"gam…
阅读更多...
QuEra 10,000个物理量子位和100个逻辑量子位的量子计算机2026

QuEra 10,000个物理量子位和100个逻辑量子位的量子计算机2026

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…
阅读更多...
Python新年文字烟花简单代码

Python新年文字烟花简单代码

简单的Python新年烟花代码示例&#xff1a; import random import timedef create_firework():colors [红色, 橙色, 黄色, 绿色, 蓝色, 紫色]flashes [爆裂, 闪光, 旋转, 流星, 喷射]color random.choice(colors)flash random.choice(flashes)print(f"发射一枚{color…
阅读更多...
综合评价 | 基于EW、EW-BP、EW-ELM的地区发展水平综合评价（Matlab）

综合评价 | 基于EW、EW-BP、EW-ELM的地区发展水平综合评价（Matlab）

目录 效果一览基本介绍程序设计参考资料 效果一览 基本介绍 综合评价 | 基于EW、EW-BP、EW-ELM的地区发展水平综合评价&#xff08;Matlab&#xff09; 程序设计 完整程序和数据获取方式&#xff1a;私信博主回复基于EW、EW-BP、EW-ELM的地区发展水平综合评价&#xff08;Matl…
阅读更多...
最新域名群站开源系统：打造强大网站矩阵，引领SEO优化新潮流！

最新域名群站开源系统：打造强大网站矩阵，引领SEO优化新潮流！

搭建步骤 第一步&#xff1a;安装PHP和MYSQL服务器环境 对于想要深入了解网站建设的人来说&#xff0c;自己动手安装PHP和MYSQL服务器环境是必不可少的步骤。这将使你能够更好地理解网站的运行机制&#xff0c;同时为后续的网站开发和优化打下坚实基础。 第二步&#xff1a;…
阅读更多...
uniapp滑动页面切换和下拉刷新，触底加载更多（swiper + scroll-view）

uniapp滑动页面切换和下拉刷新，触底加载更多（swiper + scroll-view）

因为官方文档乱七八糟的&#xff0c;所以自己来总结下 需求&#xff1a; 常见的上方tag标签切换&#xff0c;下方是页面&#xff0c;上面点击切换&#xff0c;下面页面也切换&#xff0c;下方列表有下拉刷新&#xff0c;触底加载更多 因为这两个组件都是固定高度的&#xff0c;…
阅读更多...
java swing UI第三方设计器JFormDesiner和FlatLaf UI

java swing UI第三方设计器JFormDesiner和FlatLaf UI

安装JFormDesiner 官网&#xff1a;https://www.formdev.com/ 先去IDEA的插件市场安装吧 JFormDesiner是非开源&#xff0c;且付费的插件&#xff0c;可以自己去找找不付费的使用方法。在swing可视化设计UI非常高效快捷&#xff0c;初学者可能需要一定时间探索&#xff0c;熟…
阅读更多...
高性能RPC框架解密

高性能RPC框架解密

专栏集锦&#xff0c;大佬们可以收藏以备不时之需&#xff1a; Spring Cloud 专栏&#xff1a;http://t.csdnimg.cn/WDmJ9 Python 专栏&#xff1a;http://t.csdnimg.cn/hMwPR Redis 专栏&#xff1a;http://t.csdnimg.cn/Qq0Xc TensorFlow 专栏&#xff1a;http://t.csdni…
阅读更多...
【数据结构】串，数组，广义表 | 笔记整理 | C/C++实现

【数据结构】串，数组，广义表 | 笔记整理 | C/C++实现

文章目录 前言一、串1.1、串的定义1.2、案例引入1.3、串的类型定义和存储结构1.4、串的模式匹配算法1.4.1、BF算法1.4.2、KMP算法 二、数组2.1、数组的定义2.2、数组的抽象数据类型定义2.3、数组的顺序存储2.4、特殊矩阵的压缩存储 三、广义表四、病毒案例 前言 参考视频&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023