使用 Streamlit 制作 Web 应用程序是如此简单
来源:dev.to
时间:2024-10-28 15:26:36 480浏览 收藏
本篇文章向大家介绍《使用 Streamlit 制作 Web 应用程序是如此简单》,主要包括,具有一定的参考价值,需要的朋友可以参考一下。
streamlit 在数据科学家中很受欢迎,因为您通常不需要前端知识。
它们提供简单且易于实现的元素和小部件,无需编写太多代码。
我在 ml/ai 项目中多次使用了 streamlit,体验非常棒。你可以更专注于编写逻辑,前端部分(设计、布局等)由streamlit处理得很好。
我使用 streamlit 和 python 创建了一个演示 web 应用程序,以便您可以理解我在说什么。
网络应用程序
这个网络应用程序是将图像格式转换为另一种格式,例如,如果您的图像是 png 格式,您可以将其转换为 jpeg 图像。
以下代码制作了 web 应用程序的用户界面。
import streamlit as st from imgconvrtr import convert_img_format from pil import image # webpage setup st.set_page_config(page_title="image convrtr") st.title("image converter") st.write("convert your images in one _click_") # file uploader uploaded_file = st.file_uploader( "upload an image", type=["png", "jpg", "jpeg", "jfif", "bmp"] ) if uploaded_file is not none: # show the uploaded image img = image.open(uploaded_file) st.image(img, caption="uploaded image", use_column_width=true) # show original image format st.write(f"original format: {img.format}") # output format selection format_options = ["png", "jpeg", "jfif", "bmp"] output_format = st.selectbox("choose output format", format_options) # convert the image if img.format != output_format: if st.button("convert"): converted_img = convert_img_format(uploaded_file, output_format.lower()) st.write(f"image converted to {output_format}") # download button st.download_button( label=f"download as {output_format}", data=converted_img, file_name=f"image.{output_format.lower()}", mime=f"image/{output_format.lower()}" ) else: st.write("select a different format... yo!")
现在您已经大致了解了这个网络应用程序的用途。我们可以直接跳到讨论此代码中使用的组件。
一开始,你可以看到 st.title 和 st.write 等页面元素,分别用于设置页面标题和在页面上显示文本。
接下来,您可以看到一个用于上传文件的小部件(在本例中用于上传图像)。看看创建文件上传器是多么容易。
st.image 用于显示用户上传的图片。
然后我们有一个下拉菜单来选择使用选择框(st.selectbox)小部件创建的各种格式。
现在,您可以看到我们有两个按钮(st.button 和 st.download_button)。它们都是一样的,但都是为了方便。
st.button 显示我们在这里用于图像转换的按钮小部件。
当用户需要直接从应用程序下载文件时,st.download_button 非常有用。
streamlit 提供了许多用于不同目的的元素和小部件。
现在如果你想尝试这个网络应用程序,你需要安装所需的库:
pip install streamlit pillow
这是图像转换函数:
from pil import image import io # function to convert image format def convert_img_format(image_file, frmat): with image.open(image_file) as img: output_img = io.bytesio() img.save(output_img, format=frmat.upper()) output_img.seek(0) return output_img
使用以下命令运行应用程序:
streamlit run <script_name>.py
将 <scipt_name> 替换为实际脚本名称。
现在就这些。
继续编码✌✌
理论要掌握,实操不能落!以上关于《使用 Streamlit 制作 Web 应用程序是如此简单》的详细介绍,大家都掌握了吧!如果想要继续提升自己的能力,那么就来关注golang学习网公众号吧!
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
416 收藏
-
258 收藏
-
365 收藏
-
155 收藏
-
257 收藏
-
401 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 542次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 507次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 497次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 484次学习