0

0

Streamlit 部分写入和文本元素

PHPz

PHPz

发布时间:2024-09-07 10:24:23

|

1090人浏览过

|

来源于dev.to

转载

streamlit 部分写入和文本元素

streamlit 入门:初学者指南

代码可以在这里找到:github - jamesbmour/blog_tutorials:

博客的视频版本可以在这里找到:https://youtu.be/eqcqnw7nw7m

介绍

streamlit 是一个开源应用程序框架,可让您以最少的努力创建美观的交互式 web 应用程序。如果您是数据科学家、机器学习工程师或任何处理数据的人,streamlit 是将您的 python 脚本快速转变为交互式应用程序的完美工具。在本教程中,我们将通过探索 streamlit 的一些强大功能(例如 st.write()、魔术命令和文本元素)来深入了解 streamlit 的基础知识。

让我们开始构建一个简单的应用程序来演示这些功能!

设置您的 streamlit 环境

在我们开始编写代码之前,请确保您已经安装了 streamlit。如果您尚未安装,可以使用以下命令进行安装:

pip install streamlit

现在,让我们开始编写我们的第一个 streamlit 应用程序。

构建您的第一个 streamlit 应用程序

1. 为您的应用程序添加标题

streamlit 使向您的应用添加标题和标题变得异常简单。 st.title() 函数允许您在应用程序顶部显示一个大标题,作为主标题。

import streamlit as st

st.title("introduction to streamlit: part 1")

这将在您的应用顶部显示一个大的、粗体的标题。

streamlit 写入元素

使用 st.write() 实现多功能输出

st.write() 函数是 streamlit 中最通用的函数之一。您可以使用它来显示几乎任何内容,包括文本、数据框、图表等,所有这些都只需一行代码。

显示数据框

让我们首先使用 st.write() 显示一个简单的 dataframe。

import pandas as pd

df = pd.dataframe({
    "column 1": [1, 2, 3, 4],
    "column 2": [10, 20, 30, 40]
})

st.write("dataframe using st.write() function")
st.write(df)

此代码创建一个包含两列的 dataframe 并将其直接显示在您的应用中。 st.write() 的美妙之处在于它会自动将 dataframe 格式化为一个整洁的表格,如果需要的话还可以添加滚动条。

显示 markdown 文本

st.write() 的另一个很酷的功能是它能够渲染 markdown 文本。这使您可以轻松添加格式化文本,例如标题、副标题和段落。

markdown_txt = (
    "### this is a markdown header\n"
    "#### this is a markdown subheader\n"
    "this is a markdown paragraph.\n"
)
st.write(markdown_txt)

只需几行代码,您就可以向您的应用添加富文本。

使用 st.write_stream() 流式传输数据

streamlit 还允许您使用 st.write_stream() 函数将数据实时流式传输到您的应用程序。这对于显示随时间更新的数据特别有用,例如传感器读数或实时分析。

import time

st.write("## streaming data using st.write_stream() function")
stream_btn = st.button("click button to stream data")

text = """
# stream a generator, iterable, or stream-like sequence to the app.
"""

def stream_data(txt="hello, world!"):
    for word in txt.split(" "):
        yield word + " "
        time.sleep(0.01)

if stream_btn:
    st.write_stream(stream_data(text))

在此示例中,单击按钮时,应用程序将开始从 text 字符串逐字流式传输数据,模拟实时数据更新。

streamlit文本元素

除了数据流之外,streamlit 还提供了多个文本元素来增强应用程序的呈现效果。

阿里云AI平台
阿里云AI平台

阿里云AI平台

下载

标题和副标题

您可以使用 st.header() 和 st.subheader() 轻松添加标题和子标题:

st.header("this is a header")
st.subheader("this is a subheader")

这些功能有助于构建您的内容,使您的应用更有条理、更具视觉吸引力。

字幕

标题对于添加小注释或解释很有用。您可以使用 st.caption() 添加它们:

st.caption("this is a caption")

显示代码

如果你想在应用程序中显示代码片段,可以使用 st.code():

code_txt = """
import pandas as pd
import streamlit as st

st.title("streamlit tutorials")
for i in range(10):
    st.write(i)
"""
st.code(code_txt)

这将在格式良好、语法突出显示的块中显示代码。

显示数学表达式

对于那些需要包含数学方程的人,streamlit 支持 latex:

st.latex(r"e = mc^2")
st.latex(r"\int_a^b x^2 dx")

这些命令将直接在您的应用程序中渲染 latex 方程。

添加分隔线

要分隔应用程序的不同部分,您可以使用 st.divider():

st.write("This is some text below the divider.")
st.divider()
st.write("This is some other text below the divider.")

分隔线在各部分之间添加一条水平线,有助于在视觉上分解内容。

结论

在本介绍性教程中,我们介绍了 streamlit 的基础知识,包括如何使用 st.write() 显示数据和文本,以及如何使用 st.write_stream() 流式传输数据。我们还探索了各种文本元素,以增强应用程序的结构和可读性。

streamlit 使得只需几行代码即可轻松创建交互式 web 应用程序。无论您是构建仪表板、数据探索工具还是任何其他数据驱动的应用程序,streamlit 都能提供您快速入门所需的工具。

在下一个教程中,我们将深入研究 streamlit 中的小部件和交互功能。请继续关注!

如果您发现本教程有帮助,请不要忘记分享并订阅更多内容。下一篇文章见!

如果您想支持我的写作或请我喝杯啤酒:https://buymeacoffee.com/bmours

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

761

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

221

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1568

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

651

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

1228

2024.03.22

php中定义字符串的方式
php中定义字符串的方式

php中定义字符串的方式:单引号;双引号;heredoc语法等等。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

1204

2024.04.29

go语言字符串相关教程
go语言字符串相关教程

本专题整合了go语言字符串相关教程,阅读专题下面的文章了解更多详细内容。

193

2025.07.29

c++字符串相关教程
c++字符串相关教程

本专题整合了c++字符串相关教程,阅读专题下面的文章了解更多详细内容。

131

2025.08.07

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

26

2026.03.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
最新Python教程 从入门到精通
最新Python教程 从入门到精通

共4课时 | 22.5万人学习

Django 教程
Django 教程

共28课时 | 5万人学习

SciPy 教程
SciPy 教程

共10课时 | 1.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号