Streamlit常用組件

一、前言

　　因爲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")