streamlit/demo2/app.py

from datetime import datetime
from numpy import empty, not_equal
import streamlit as st
import time
import pandas as pd
import numpy as np
import streamlit.components.v1 as components

#页面设置
about_message = '''
# About
## testing!
:smile:
'''

st.set_page_config(
     page_title="Streamlit example",
     page_icon="./icon/android-chrome-192x192.png",
     layout="wide",
     initial_sidebar_state="collapsed",
     menu_items={
         'Get Help': 'https://www.baidu.com/',
         'Report a bug': None,
         'About': about_message
     }
 )

st.image("./icon/android-chrome-192x192.png")

#t1函数，用于测试 on_change或 on_click
def t1():
    st.text("t1-ing!")


'''# 组件'''

#勾选框
a = st.checkbox('test_checkbox', value=False, key=None, help="testing", on_change=None, args=None, kwargs=None)

#按钮
b = st.button(label="button", key=None, help="testing!", on_click=None)

#下载按钮
c = st.download_button(label="download_button", data='testttt', file_name='test_.md', help='testing!', on_click=None)

#单选框
d = st.radio(label="What's your favorite movie genre",options=('Comedy', 'Drama', 'Documentary'),index=2, help='testing!')

#下拉选项
e = st.selectbox('slectbox',('Comedy', 'Drama', 'Documentary'),index=2, help='testing!')

#多选
f = st.multiselect('multiselect',('Comedy', 'Drama', 'Documentary'), default=['Drama'], help='testing!')

#滑动条
g = st.slider(label="slider", min_value=-10, max_value=10, value=-2, step=1, help="testing!", on_change=t1)

#选择滑动条
h = st.select_slider(label='select_slider', options=[1,'test2',3], value=3, help="testing!")

#文本框
i = st.text_input(label='text_input', max_chars=30, value='test1', help='testing!', placeholder='请输入')

#数字选择框
j = st.number_input("number_input", min_value=-10, max_value=10, value=2, step=2, help="testing")
 
#文本区域
k = st.text_area("text_area", value="test1",max_chars=60, help="testing!", placeholder="请输入")

#时间选择
dt1 = datetime.today()
dt2 = datetime.today()
l = st.date_input(label="date_input", value=(dt1,dt2))

#时间选择
m = st.time_input("time_input", value=None, help="testing!")

#上传按钮
n = st.file_uploader(label='file_uploader', accept_multiple_files=True, help="testing!")

#拾色器
o = st.color_picker('color_picker', '#00f900')

#图片
p = st.image(image=['https://i.bmp.ovh/imgs/2021/10/3fd6c4674301c708.jpg',"./data/testimage.jpg"])

#音频
q = st.audio("http://music.163.com/song/media/outer/url?id=1901371647.mp3")

#视频
#html外链
#arg = "<iframe src=\"//player.bilibili.com/player.html?aid=376524564&bvid=BV1wo4y1X7Tk&cid=365010431&page=1\" scrolling=\"yes\" border=\"100\" frameborder=\"yes\" framespacing=\"0\" allowfullscreen=\"true\"> </iframe>"
#r = st.markdown(unsafe_allow_html=True, body=arg)
#iframe conponent
components.iframe(src="//player.bilibili.com/player.html?aid=376524564&bvid=BV1wo4y1X7Tk&cid=365010431&page=1", width=1080, height=720, scrolling=False)

#video
r = st.video("./data/testybb.mp4")

#边栏
add_selectbox = st.sidebar.selectbox(
    label="How would you like to be contacted?",
    options=("Email", "Home phone", "Mobile phone"),
    key="t1"
)

add_selectbox2 =  st.sidebar.selectbox(
    label="How would you like to be contacted?",
    options=("Email", "Home phone", "Mobile phone"),
    key="t2"
)

#列布局
col1, col2, col3 = st.columns(3)

with col1:
    st.header("A cat")
    st.image("https://static.streamlit.io/examples/cat.jpg")

with col2:
    st.header("A dog")
    st.image("https://static.streamlit.io/examples/dog.jpg")

with col3:
    st.header("An owl")
    st.image("https://static.streamlit.io/examples/owl.jpg")


#展开框
with st.expander(label="expander", expanded=False):
    st.write("tesing")

#container
with st.container():
    st.write("container")

container = st.container()
container.write("containertext1")
st.write("not container")

#在container中继续调用组件
container.write("containertext2")


#empty
#with st.empty():
#    st.write("not empty here")
#
#empty = st.empty()
#empty.text("still not empty")
#time.sleep(3) #替换
#empty.text("change")
#time.sleep(1) #清除
#empty.empty()


#progress
#my_bar = st.progress(100)

#for percent_complete in range(100).__reversed__():
#     time.sleep(0.01)
#     my_bar.progress(percent_complete)

#spinner
#with st.spinner('Wait for it...'):
#    time.sleep(3)
#st.success('Done!')

#放气球
#st.balloons()

#错误信息
st.error('error！💀')

#警告信息
st.warning("warning! :warning:")

#信息
st.info('message ℹ')

#成功
st.success("success 🎉")

#exception
e = RuntimeError("an exception")
st.exception(e)

#stop
name = st.text_input('Name')
if not name:
  st.warning('Please input a name.')
  st.stop()
st.success('Thank you for inputting a name.')

#form表单
#with st.form(key="my_form1"):
#    st.write("Inside the form")
#    slider_val = st.slider("Form slider")
#    checkbox_val = st.checkbox("Form checkbox")

    #提交
#    submitted = st.form_submit_button("Submit")
#    if submitted:
#        st.write("slider", slider_val, "checkbox", checkbox_val)
#st.write("Outside the form")

form = st.form(key="my_form2")
form.slider("Inside the form")
form.form_submit_button("Submit")


#echo
with st.echo("below"):
    st.write('This code will be printed')

#help
st.help(st.help)


#add_rows
df1 = pd.DataFrame(
    np.random.randn(1, 5),
    columns=('col %d' % i for i in range(5)))

my_table = st.table(df1)

df2 = pd.DataFrame(
    np.random.randn(2, 5),
    columns=('col %d' % i for i in range(5)))

my_table.add_rows(df2)

#emoji
st.markdown(":smile:😁")
st.text("😁")

st.text(type(r))