一、前言

　　因为Streamlit的组件使用比较简单，我下面直接贴图和上代码，就不一一细说了，详细的可以查看官方文档

二、Streamlit常用组件

1、效果图

（图1）

 （图2）

 （图3）

 （图4）

2、代码

import streamlit as st
import pandas as pd
import numpy as np


side = ["常用组件","页面2","页面3"]
st.sidebar.title("使用左侧面板")
la = st.sidebar.selectbox("请选择",side)
if la == "常用组件":
    st.title("Streamlit常用组件")
    st.button("点击按钮")
    st.text_input("这是文本输入框来的", key="请输入内容")
    st.write("hello write 文本显示")
    st.text("hello  text 显示文本")
    st.title("hello title 显示标题")
    st.header("hello header")
    st.subheader("hello subheader")
    st.slider("这是滑动条", 0, 100)
    st.checkbox("这是选择框")

    st.radio("这是单选按钮", side)
    st.selectbox("这是下拉选择框", side)
    st.date_input("这是日期选择器")
    st.file_uploader("这是文件选择器")

    st.title("显示pandas中的dataframe")
    df = pd.DataFrame(np.random.randn(50, 5), columns=(
        'col %d' % i for i in range(5)))
    st.dataframe(df)  # st.dataframe(df)可以用st.write(df)来代替，效果一样

    st.title("显示表格")
    df1 = pd.DataFrame(np.random.randn(10, 5), columns=(
        'col %d' % i for i in range(5)))
    st.table(df1)  # 与上边的dataframe不同的是，表格会将所有数据都显示出来，而没有了滚动条

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

    st.title("此示例使用 Numpy 生成随机样本")
    df3 = np.random.randn(10, 20)
    st.dataframe(df3)

elif la == "页面2":
    env=["test1","test2"]
    st.sidebar.selectbox("请选择环境",env)
    st.title("这是一个简单的页面")
    script = ['信息查询','下单']
    script_name = st.selectbox("请选择脚本",script)
    if script_name == "下单":
        st.text_input("请输入名称")
        code = st.text_input("请输入编码")
        submit = st.button("提交")
        if submit:
            st.write("提交成功\n")