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

这个关于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 stst.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.mzph.cn/news/620224.shtml

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

相关文章

[小程序]定位功能实现

[小程序]定位功能实现

第一步:首先要认识三个小程序的 api wx.chooseLocation 和 wx.getLocation 和 wx.openLocation (1).wx.chooseLocation 用于在小程序中选择地理位置。当用户点击选择位置按钮时，小程序会调起地图选择界面，用户可以在地图上选择一个位置，并可以…
阅读更多...
ubuntu连接xshell怎么连接

ubuntu连接xshell怎么连接

在网上找了好多办法都不行 例如 太久没打开Ubuntu可能输入命令查不到IP地址，解决办法也比较简单，首先第一步 确定自己能不能进入管理员root权限（输入命令su），如果没有的话得重新配置，如下图 这是因为当前Ub…
阅读更多...
LINUX基础第十一章：文件系统与日志服务管理

LINUX基础第十一章：文件系统与日志服务管理

目录 一.LINUX文件系统 1.inode表和block （1）inode （2）block 2.查看inode号命令 3.Linux系统文件三种主要时间属性 4.磁盘空间还剩余很多但无法继续创建文件 5.inode大小 二.日志 1.日志保存位置 2.日志文件的分类 &am…
阅读更多...
Java设计模式-备忘录模式

Java设计模式-备忘录模式

备忘录模式 一、概述二、结构三、案例实现（一）“白箱”备忘录模式（二）“黑箱”备忘录模式 四、优缺点五、使用场景 一、概述 备忘录模式提供了一种状态恢复的实现机制，使得用户可以方便地回到一个特定的历史步骤&…
阅读更多...
超越GPU：TPU能成为接班人吗？

超越GPU：TPU能成为接班人吗？

在计算机的世界里，硬件技术的发展一直在快速推进。今天，我们要谈论的就是一种特殊的处理器：TPU，全称是Tensor Processing Unit。在我们开始深入探讨TPU之前，先了解一下两个重要的芯片技术，FPGA和ASIC。 FP…
阅读更多...
计算机网络 —— 数据链路层

计算机网络 —— 数据链路层

数据链路层 3.1 数据链路层概述 数据链路层把网络层交下来的数据构成帧发送到链路上，以及把收到的帧数据取出并上交给网络层。链路层属于计算机网络的底层。数据链路层使用的信道主要由以下两种类型： 点对点通信。广播通信。 数据链路和帧 链路&…
阅读更多...
DHCP详解(配置小实验)

DHCP详解(配置小实验)

目录 一、DHCP 1、了解DHCP 2、使用DHCP的好处 3、HDCP的分配方式 4、DHCP协议中的报文 5、DHCP的租约过程 6、安装和配置DHCP服务 一、DHCP 1、了解DHCP DHCP(Dynamic Host Configuration Protocol，动态主机配置协议)由Internet工作任务小组设计开发专门用…
阅读更多...
java每日一题——ATM系统编写（答案及编程思路）

java每日一题——ATM系统编写（答案及编程思路）

前言： 基础语句学完，也可以编写一些像样的程序了，现在要做的是多加练习，巩固下知识点，打好基础，daydayup! 题目：模仿银行ATM系统，可以创建用户，存钱，转账&…
阅读更多...
Python 二维平面Delaunay三角网建立

Python 二维平面Delaunay三角网建立

目录 一、算法概念二、代码实现三、结果示例根据二维平面内的离散点建立平面三角网。 一、算法概念 三角剖分与Delaunay剖分定义：如何把一个散点集剖分成不均匀的三角形网格，即在给定的平面点集上，生成三角形集合的过程。考虑平面点集P={p1，p2，p3，…，pn}，我们希望得到三…
阅读更多...
基于Matlab/Simulink开发自动驾驶的解决方案

基于Matlab/Simulink开发自动驾驶的解决方案

文章目录 处理自动驾驶数据 仿真自动驾驶场景 设计感知算法 设计规划和控制算法 生成代码和部署算法 集成和测试 参考文献 使用 MATLAB/Simulink开发自动驾驶，能够深入建模真实世界的行为、减少车辆测试并验证嵌入式软件的功能，从而推进自动驾驶感…
阅读更多...
QuEra 10,000个物理量子位和100个逻辑量子位的量子计算机2026

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

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗？订阅我们的简报，深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同，从行业内部的深度分析和实用指南中受益。不要错过这个机会，成为AI领…
阅读更多...
AWS-SAA-C03认证——之基础知识扫盲

AWS-SAA-C03认证——之基础知识扫盲

文章目录 前言一、Amazon ECS二、 Amazon EKS三、Amazon EC2四、Elastic Beanstalk五、AWS Fargate六、 AWS Lambda （serverless）七、Amazon EBS7.1 EBS生命周期 八、Amazon Elastic File System (EFS) -共享文件系统九、什么是 Amazon S3？9.…
阅读更多...
anoconda 安装报错

anoconda 安装报错

表现形式：Output folder: D:\anoconda\Lib Extract: _nsis.py Extract: _system_path.py Output folder: D:\anoconda........................ 解决办法： 网址：Index of /anaconda/archive/ | 清华大学开源软件镜像站 | Tsinghua Open Sour…
阅读更多...
Django教程|数据统计图表（echarts、highchart）

Django教程|数据统计图表（echarts、highchart）

前言 highchart，国外。 echarts，国内。 本项目集成 hightchart和echarts图表库实现数据统计功能。 包括：折线图，柱状图，饼图和数据集图。 效果图 echats Highcharts 源代码 编写模板（Template&#x…
阅读更多...
华为设备vlan下配置MSTP，STP选举

华为设备vlan下配置MSTP，STP选举

核心代码,不同实例，承载不同流量，为每个实例设置一个根网桥达到分流的效果 stp region-config //进入stp区域的设置 region-name R1 //区域命名为R1 instance 1 vlan 10 …
阅读更多...
专业课140+总分410+电子科技大学858信号与系统考研经验，电子信息通信

专业课140+总分410+电子科技大学858信号与系统考研经验，电子信息通信

我的初试备考从4月末，持续到初试前，这中间没有中断。 我是二战考生，准备的稍微晚一些，如果是一战考生，建议在2、3月份开始。 总的时间分配上，是数学>专业课>英语>政治，虽然大家可支配…
阅读更多...
DP读书：《openEuler操作系统》（八）TCP、UDP与跨机器通讯

DP读书：《openEuler操作系统》（八）TCP、UDP与跨机器通讯

10min速通TCP与UDP 2024 DP读书计算机网络简介TCP/IP协议栈A. 物理层1.信号及信道传递2.信号调制与调解3.信道的复用 B. 数据链路层1.封装成帧2.透明传输3.差错控制 C. 网络层1.IP2.ARP3.路由选择协议 D. 传输层1.端口号2.3.UDP 2024 DP读书 第八章 跨机器通讯 在第六章之中&a…
阅读更多...
ES的索引库操作

ES的索引库操作

索引库操作 索引库就类似数据库表，mapping映射就类似表的结构。 我们要向es中存储数据，必须先创建“库”和“表”。 1.mapping映射属性 mapping是对索引库中文档的约束，常见的mapping属性包括： type：字段数据类型&a…
阅读更多...
java数据结构与算法：单链表 SinglyLinkedList

java数据结构与算法：单链表 SinglyLinkedList

单链表 SinglyLinkedList 创建实现类并实现方法 package com.lhs;public class SinglyLinkedList<E> implements List<E>{// 头节点private Node<E> first;// 尾节点private Node<E> last;// 节点数量private int size;public static class Node<…
阅读更多...
微信小程序开发学习笔记《12》下拉刷新事件

微信小程序开发学习笔记《12》下拉刷新事件

微信小程序开发学习笔记《12》下拉刷新事件 博主正在学习微信小程序开发&#xff0c;希望记录自己学习过程同时与广大网友共同学习讨论。建议仔细阅读官方文档 一、什么是下拉刷新 下拉刷新是移动端的专有名词&#xff0c;指的是通过手指在屏幕上的下拉滑动操作&#xff0c;…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023