接下來要來做的是『不同種的 Container』。 有了前面的 Container 基礎,這其實是很容易的事情,我們只要在原本 Container 外面多包一層...
接下來是實作圖片 Component。 圖片可以分為兩種提供方式,一個是直接給 url ,這最簡單,直接參考前面的 text,把使用者給的 url 塞進去就好。...
Upload file 是一個比較特別的 Component,如果我們想直接利用既有的 rerun 功能來傳送檔案資料,就必須先將檔案轉換成 base64 編碼...
其實我們目前已經可以輕易的就做出以下的 component: 純文字類型:Title, Subtitle, Link, Divider 有一點特殊功能但其實也...
根據前面的 component 的寫法, React 會是比較直接替代方案,並且順便加上 Typescript。 將 API 回傳的 Container Nod...
由於 build 完整個 Frontend Project 會不只 index.html, 和 index.js ,後端的 embed 也要進行修改。 too...
接下來要支援的就是 Multiple Page。和 streamlit 不太一樣的是,我是把 page nav list 擺在 navbar,主要是因為個人偏好...
在 Day2 ,我們提到 Streamlit 的機制是可以在跑 Script 時更新 GUI 的: import streamlit as st import...
在 Day18 提到了 Client 端在進入頁面時,會開一個 websocket,然後在接下來都用它來和後端溝通。 這並不是件簡單的事情,因為網路連線有可能會...
在用 Websocket 改寫更新機制後,我們便可以實作出 Streamlit Progress: st.progress 。 只要我們除了支援【新增 Comp...