Python应用开发——30天学习Streamlit Python包进行APP的构建(1)

2024-05-29 11:28

本文主要是介绍Python应用开发——30天学习Streamlit Python包进行APP的构建(1),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

  • 关于 #30天学Streamlit

    #30天学Streamlit 是一个旨在帮助你学习构建 Streamlit 应用的编程挑战。

    你将学会:

    • 如何搭建一个编程环境用于构建 Streamlit 应用
    • 构建你的第一个 Streamlit 应用
    • 学习所有好玩的、能用在 Streamlit 应用里的输入输出组件

🗓️ 天 1

设置本地开发环境

在我们正式开始构建 Streamlit 应用之前,我们需要首先设置一个开发环境。

让我们从安装和配置 conda 环境开始。

安装 conda

  • 前往 https://docs.conda.io/en/latest/miniconda.html ,选择与你操作系统(Windows, Mac 或 Linux)对应的 conda 版本
  • 下载安装器并运行,完成 conda 的安装

新建一个 conda 环境

现在你已经装好了 conda ,让我们来创建一个 conda 环境来管理所有 Python 库依赖。

比如按照如下指令,使用 Python 3.9 版本创建一个新的环境:

conda create -n stenv python=3.9

其中 create -n stenv 表示创建一个名为 stenv 的 conda 环境,而 python=3.9 会指定 conda 环境使用 3.9 版本的 Python。

激活 conda 环境

要使用上一步刚创建好的名为 stenv 的 conda 环境,则需要使用如下的命令:

conda activate stenv

安装 Streamlit 库

激活环境之后就是时候安装 streamlit 库了:

pip install streamlit

启动示例 Streamlit 应用

用如下指令来启动示例 Streamlit 应用(图 1):

streamlit hello

附图

0

 🗓️ 天 2

构建你的第一个 Streamlit 应用

启动你的 IDE

启动你的 IDE,可以是 Atom、VS Code 甚至是诸如 GitPod 或 GitHub.dev 等云端 IDE。

新建一个名为 streamlit_app.py 的文件。

敲下你的第一行代码

打开新建的文件,写入如下几行代码:

import streamlit as st st.write('Hello world!')

然后保存文件。

启动命令行终端

前往终端,敲入命令:

streamlit run streamlit_app.py

然后应当弹出一个浏览器窗口,其中为你新创建的 Streamlit 应用。

恭喜你! 你刚刚搭建了人生中第一个 Streamlit 应用!

🗓️ 天 3

st.button

st.button 会显示一个按钮组件。

我们要做什么?

我们今天要搭建一个简单的应用,根据按钮是否按下的状态,显示不同的文字消息。

应用的流程:

  1. 默认情况下输出 Goodbye
  2. 一旦按下按钮,则会变为显示 Why hello there

示例应用

我们将要部署的 Streamlit 应用应该看起来和下面链接中的这个差不多:

代码

以下是实现前述应用的代码:

import streamlit as stst.header('st.button')if st.button('Say hello'):st.write('Why hello there')
else:st.write('Goodbye')

逐行解释

创建 Streamlit 应用时要做的第一件事就是将 streamlit 库导入为 st

import streamlit as st

然后紧跟着的是应用的标题文字:

​​​​​​​st.header('st.button')

接下来,我们会使用条件分支语句 if 和 else 来显示不同的消息:

if st.button('Say hello'):st.write('Why hello there')
else:st.write('Goodbye')

由这段代码可见, st.button() 语句接收了一个值为 Say hello 的 label 参数,会作为显示在按钮上的文字。

st.write 命令被用作显示文字消息,取决于按钮是否按下,显示的要么是 Why hello there,要么是 Goodbye,即如下两个语句:

st.write('Why hello there')

st.write('Goodbye')

需要注意的是,以上 st.write 语句是在 if 和 else 条件分支内的,才能达到前述显示不同消息的效果。

接下来做什么?

现在你已经在本地创建好了 Streamlit 应用,是时候将其部署到 Streamlit Community Cloud 了,我们在接下来的挑战中很快就会介绍到。

因为这是你挑战的第一周,因此我们在网页中直接提供了完整的代码(正如前面的代码框所示)和解决方案(示例程序)。

在接下来的挑战中,我们更推荐你首先尝试靠自己搭建 Streamlit 应用。

如果你卡住了,不必担心,可以随时看一眼解决方案是如何实现的。

参考资料

有关 st.button 的说明详见 Streamlit API 文档。

🗓️ 天 5

st.header

以标题格式显示文本。

import streamlit as stst.header('This is a header with a divider', divider='rainbow')
st.header('_Streamlit_ is :blue[cool] :sunglasses:')

st.subheader 

st.write

st.write 能够在 Streamlit 应用中输出文字等内容。

除了能够输出文字,st.write() 命令还能够输出...

  • 输出字符串,类似于 st.markdown()
  • 输出 Python 的 dict 字典对象
  • 输出 pandas DataFrame,将数据框显示为表格
  • 输出用 matplotlibplotlyaltairgraphvizbokeh 等库所作的图表
  • 以及更多!(见 API 文档中对 st.write 的描述)

我们要做什么?

我们今天要搭建一个简单的应用,来展示使用 st.write() 命令输出各种文字、数字、数据框和图表。

示例应用

我们将要部署的 Streamlit 应用应该看起来和下面链接中的这个差不多:

代码

以下是如何使用 st.write 的代码:

import numpy as np
import altair as alt
import pandas as pd
import streamlit as stst.header('st.write')# 样例 1st.write('Hello, *World!* :sunglasses:')# 样例 2st.write(1234)# 样例 3df = pd.DataFrame({'first column': [1, 2, 3, 4],'second column': [10, 20, 30, 40]})
st.write(df)# 样例 4st.write('Below is a DataFrame:', df, 'Above is a dataframe.')# 样例 5df2 = pd.DataFrame(np.random.randn(200, 3),columns=['a', 'b', 'c'])
c = alt.Chart(df2).mark_circle().encode(x='a', y='b', size='c', color='c', tooltip=['a', 'b', 'c'])
st.write(c)

逐行解释

创建 Streamlit 应用时要做的第一件事就是将 streamlit 库导入为 st

import streamlit as st

然后紧跟着的是应用的标题文字:

# header 是应用的标题名称
st.header('st.write')

样例 1-字符串类型

st.write 的基本用法就是现实文字和使用 Markdown 语法的文本:

st.write('Hello, *World!* :sunglasses:')

样例 2-数字类型

前面提到,st.write 还能够输出其他数据类型,比如数字:

st.write(1234)

样例 3-字典类型

数据框也能够通过如下语句显示:

df = pd.DataFrame({'first column': [1, 2, 3, 4],'second column': [10, 20, 30, 40]})
st.write(df)

样例 4--字符串和字典类型相结合

你也能传入多个参数,比如:

st.write('Below is a DataFrame:', df, 'Above is a dataframe.')

样例 5-图表数据的打印

最后,你也可以显示各种图表,只需传入图表对象即可:

#用pandsa来构建一个随机数据组,
df2 = pd.DataFrame(np.random.randn(200, 3),columns=['a', 'b', 'c'])
c = alt.Chart(df2).mark_cir

这篇关于Python应用开发——30天学习Streamlit Python包进行APP的构建(1)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1013536

相关文章

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya(不是本人,claude AI)在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容: 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

中文分词jieba库的使用与实景应用(一)

知识星球:https://articles.zsxq.com/id_fxvgc803qmr2.html 目录 一.定义: 精确模式(默认模式): 全模式: 搜索引擎模式: paddle 模式(基于深度学习的分词模式): 二 自定义词典 三.文本解析   调整词出现的频率 四. 关键词提取 A. 基于TF-IDF算法的关键词提取 B. 基于TextRank算法的关键词提取

水位雨量在线监测系统概述及应用介绍

在当今社会,随着科技的飞速发展,各种智能监测系统已成为保障公共安全、促进资源管理和环境保护的重要工具。其中,水位雨量在线监测系统作为自然灾害预警、水资源管理及水利工程运行的关键技术,其重要性不言而喻。 一、水位雨量在线监测系统的基本原理 水位雨量在线监测系统主要由数据采集单元、数据传输网络、数据处理中心及用户终端四大部分构成,形成了一个完整的闭环系统。 数据采集单元:这是系统的“眼睛”,

python: 多模块(.py)中全局变量的导入

文章目录 global关键字可变类型和不可变类型数据的内存地址单模块(单个py文件)的全局变量示例总结 多模块(多个py文件)的全局变量from x import x导入全局变量示例 import x导入全局变量示例 总结 global关键字 global 的作用范围是模块(.py)级别: 当你在一个模块(文件)中使用 global 声明变量时,这个变量只在该模块的全局命名空

Hadoop企业开发案例调优场景

需求 (1)需求:从1G数据中,统计每个单词出现次数。服务器3台,每台配置4G内存,4核CPU,4线程。 (2)需求分析: 1G / 128m = 8个MapTask;1个ReduceTask;1个mrAppMaster 平均每个节点运行10个 / 3台 ≈ 3个任务(4    3    3) HDFS参数调优 (1)修改:hadoop-env.sh export HDFS_NAMENOD

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

学习hash总结

2014/1/29/   最近刚开始学hash,名字很陌生,但是hash的思想却很熟悉,以前早就做过此类的题,但是不知道这就是hash思想而已,说白了hash就是一个映射,往往灵活利用数组的下标来实现算法,hash的作用:1、判重;2、统计次数;

csu 1446 Problem J Modified LCS (扩展欧几里得算法的简单应用)

这是一道扩展欧几里得算法的简单应用题,这题是在湖南多校训练赛中队友ac的一道题,在比赛之后请教了队友,然后自己把它a掉 这也是自己独自做扩展欧几里得算法的题目 题意:把题意转变下就变成了:求d1*x - d2*y = f2 - f1的解,很明显用exgcd来解 下面介绍一下exgcd的一些知识点:求ax + by = c的解 一、首先求ax + by = gcd(a,b)的解 这个