왕현성
코딩발자취
왕현성
전체 방문자
오늘
어제
  • 코딩 (277)
    • Python (71)
    • Java (16)
    • MySQL (34)
    • 인공지능 (48)
      • 머신러닝 (16)
      • 딥러닝 (32)
    • 영상처리 (4)
    • Rest API (21)
    • Android Studio (25)
    • streamlit (13)
    • DevOps (22)
      • AWS (9)
      • PuTTY (5)
      • Git (4)
      • Serverless (2)
      • Docker (2)
    • IT 기술 용어 (6)
    • 디버깅 ( 오류 해결 과정 ) (17)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • get_long_description
  • OpenCV
  • PYTHON
  • 딥러닝
  • numpy
  • alibi-detection
  • labelme UnocodeDecodeError
  • encoding='utf-8'
  • pip install labelme
  • 영상처리역사
  • matplotlib
  • ckpt_file
  • unsupervised
  • 의료이미징
  • yolov8
  • PIL
  • TensorFlow
  • tune()
  • ComputerVision
  • 영상처리
  • 기상탐사
  • imageprocessing
  • maskimage
  • UnboundLocalError
  • alibidetect
  • 컴퓨터비전
  • 영상기술
  • pytorch
  • labelme
  • 비지도학습

최근 댓글

최근 글

티스토리

250x250
hELLO · Designed By 정상우.
왕현성
streamlit

Visual Studio Code : UI요소들을 처리하는 방법 / button,radio,checkbox,selectbox,multiselect,slider

Visual Studio Code : UI요소들을 처리하는 방법 / button,radio,checkbox,selectbox,multiselect,slider
streamlit

Visual Studio Code : UI요소들을 처리하는 방법 / button,radio,checkbox,selectbox,multiselect,slider

2022. 12. 12. 17:06
728x90
import streamlit as st
import pandas as pd

우선 사용할 라이브러리를 임포트 해줍니다.

 

button

def main():
    df = pd.read_csv('streamlit_data/iris.csv')
    # 버튼을 클릭하면, 데이터프레임이 보이도록 만들기
    if st.button('데이터프레임 보기') :
        st.dataframe(df)
    if st.button('대문자로'):
        st.text(name.upper())

    if st.button('소문자로'):
        st.text(name.lower())
        
if __name__ == '__main__' :
    main()

radio,checkbox

def main():
    df = pd.read_csv('streamlit_data/iris.csv')
     status = st.radio('정렬을 선택하세요', ['오름차순정렬','내림차순정렬','다른정렬'])
    if status =='오름차순정렬':
        #df의 petal_length 컬럼을 오름차순으로 정렬해서 보여주세요.
        st.dataframe(df.sort_values('petal_length'))
        
    elif status =='내림차순정렬':
        #df의 petal_length 컬럼을 내림차순으로 정렬해서 보여주세요.
        st.dataframe(df.sort_values('petal_length',ascending=False))
        # 체크박스를 체크하면, 데이터프레임이 나오고,
          # 해제하면, 데이터프레임 나오지않게
    if st.checkbox('show/hide') :
        st.dataframe(df)
    else :
        st.write('')
if __name__ == '__main__' :
    main()

selectbox

def main():
    df = pd.read_csv('streamlit_data/iris.csv')
    language = ['Python','C','JAVA','PHP','GO']

    my_choice=st.selectbox('좋아하는 언어를 선택하세요',language)

    # 유저가 선택하면, 해당 언어를 다음처럼 표시해준다.
    # 저는 Python 언어를 가장 좋아합니다.
    # 저는 JAVA언어를 가장 좋아합니다.
    st.text('저는 '+my_choice+' 언어를 가장 좋아합니다.')

    # 만약 유저가 선택한 언어가, 파이썬이나, php나 GO언어이면,
    # 배우기 쉽습니다. 라고 화면에 보여주고,
    # 자바나 씨언어를 선택하면,
    # 배우기 어렵습니다. 라고 화면에 보여주세요.

    if my_choice == 'Python' or my_choice == 'PHP' or my_choice =='GO':
        st.write('배우기 쉽습니다.')
    else :
        st.write('배우기 어렵습니다.')
    
if __name__ == '__main__' :
    main()

multiselect

def main():
    df = pd.read_csv('streamlit_data/iris.csv')
    # 아이리스 데이터프레임의 컬럼 이름을 가져오세요.
    selected_list=st.multiselect('원하는 컬럼을 선택하세요',df.columns)
    # 유저가 컬럼을 선택하면, 해당 컬럼을 화면에 보여주고,
    # 유저가 아무 컬럼도 선택하지 않으면, 데이터프레임 보여주지 않는다.
    if len(selected_list) == 0 :
        st.text('')
    else:
        st.dataframe(df[selected_list])
if __name__ == '__main__' :
    main()

 

slider , expander

def main():
	age=st.slider('나이',1,100)

    st.text('당신이 선택한 나이는'+str(age)+'입니다.')

    st.slider('데이터',1,100,step=5)

    st.slider('데이터',1,200,value=75)

    st.slider('데이터',0.0,1.0,step=0.1)

    with st.expander('hello'):
        st.text('안녕하세요~')

    
    
if __name__ == '__main__' :
    main()

'streamlit' 카테고리의 다른 글

Visual Studio Code : 웹 대시보드 유저한테 데이터를 입력받는 방법 input  (0) 2022.12.13
Visual Studio Code : 웹 대시보드에 이미지파일,동영상파일 넣는 방법  (0) 2022.12.12
Visual Studio Code : 판다스의 데이터프레임을, 웹 화면으로 보여주는 방법  (0) 2022.12.12
Visual Studio Code : streamlit을 이용한 웹 대시보드 문자들  (0) 2022.12.12
Visual Studio Code : streamlit 사용법  (0) 2022.12.12
  • button
  • radio,checkbox
  • selectbox
  • multiselect
  • slider , expander
'streamlit' 카테고리의 다른 글
  • Visual Studio Code : 웹 대시보드 유저한테 데이터를 입력받는 방법 input
  • Visual Studio Code : 웹 대시보드에 이미지파일,동영상파일 넣는 방법
  • Visual Studio Code : 판다스의 데이터프레임을, 웹 화면으로 보여주는 방법
  • Visual Studio Code : streamlit을 이용한 웹 대시보드 문자들
왕현성
왕현성
AI 머신비전 학습일지

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.