在Streamlit中，頁面間的導(dǎo)航是構(gòu)建動態(tài)多頁面應(yīng)用程序的一項(xiàng)強(qiáng)大功能。本教程將探討Streamlit中的頁面導(dǎo)航，使用新的st.navigation、st.page_link和st.switch_page方法來創(chuàng)建無縫的用戶體驗(yàn)。

為什么選擇多頁面應(yīng)用？

Streamlit最初并非作為多頁面應(yīng)用程序框架構(gòu)建的。然而，隨著它的發(fā)展，Streamlit團(tuán)隊(duì)引入了支持多頁面應(yīng)用程序的功能。這些功能簡化了導(dǎo)航，并為動態(tài)Web應(yīng)用程序提供了可定制的選項(xiàng)。

項(xiàng)目結(jié)構(gòu)設(shè)置

在本教程中，我們的項(xiàng)目結(jié)構(gòu)遵循以下布局：

<code>project/
│
├── app.py  # 主應(yīng)用程序文件
├── app_pages/
│   ├── intro.py
│   ├── navigation_intro.py
│   ├── page_link_demo.py
│   ├── switch_page_demo.py
</code>

app_pages目錄中的每個文件都代表應(yīng)用程序中的一個單獨(dú)頁面。

實(shí)現(xiàn)導(dǎo)航：app.py

讓我們從在app.py中定義頁面開始。此文件使用st.navigation設(shè)置導(dǎo)航菜單。

# app.py
import streamlit as st

# 頁面導(dǎo)航
pages = [
    st.Page("app_pages/intro.py", title="簡介", icon="?"),
    st.Page("app_pages/navigation_intro.py", title="st.navigation", icon="?"),
    st.Page("app_pages/page_link_demo.py", title="st.page_link", icon="?"),
    st.Page("app_pages/switch_page_demo.py", title="st.switch_page", icon="?"),
]

# 將頁面添加到側(cè)邊欄導(dǎo)航
pg = st.navigation(pages, position="sidebar", expanded=True)

# 運(yùn)行應(yīng)用程序
pg.run()

通過此設(shè)置，側(cè)邊欄導(dǎo)航會自動生成，顯示指定的頁面及其圖標(biāo)。

頁面1：簡介

intro.py文件用作主頁。

# app_pages/intro.py
import streamlit as st

def intro():
    st.title("Streamlit 頁面導(dǎo)航教程")
    st.write("歡迎來到本Streamlit頁面導(dǎo)航教程！")
    st.write("使用側(cè)邊欄在不同頁面之間導(dǎo)航。")

if __name__ == "__page__":
    intro()

當(dāng)用戶訪問此頁面時，他們將看到應(yīng)用程序的介紹以及如何導(dǎo)航的說明。

頁面2：了解st.navigation

navigation_intro.py文件解釋了如何使用st.navigation。

# app_pages/navigation_intro.py
import streamlit as st

def navigation_intro():
    st.title("st.navigation簡介")
    st.write("`st.navigation`函數(shù)配置多頁面Streamlit應(yīng)用程序。")
    st.code("""
pages = [
    st.Page("app_pages/intro.py", title="簡介", icon="?"),
    st.Page("app_pages/page1.py", title="頁面1", icon="1??"),
    st.Page("app_pages/page2.py", title="頁面2", icon="2??"),
]

pg = st.navigation(pages)
pg.run()
    """, language="python")
    st.write("這將創(chuàng)建一個側(cè)邊欄菜單，其中包含`pages`列表中指定的頁面。")

if __name__ == "__page__":
    navigation_intro()

頁面3：使用st.page_link

page_link_demo.py文件演示了內(nèi)部和外部頁面之間的鏈接。

# app_pages/page_link_demo.py
import streamlit as st

def page_link():
    st.title("使用st.page_link")
    st.page_link("app_pages/intro.py", label="跳轉(zhuǎn)到簡介", icon="?")
    st.page_link("app_pages/page_link_demo.py", label="刷新本頁", icon="?")
    st.page_link("https://www.streamlit.io/", label="訪問Streamlit", icon="?")

if __name__ == "__page__":
    page_link()

這種方法允許用戶在應(yīng)用程序內(nèi)導(dǎo)航或跳轉(zhuǎn)到外部資源。

頁面4：使用st.switch_page進(jìn)行編程導(dǎo)航

switch_page_demo.py文件展示了以編程方式切換頁面。

# app_pages/switch_page_demo.py
import streamlit as st

def switch_page():
    st.title("使用st.switch_page")
    st.write("`st.switch_page`允許您以編程方式切換頁面。")
    st.code("""
if st.button("跳轉(zhuǎn)到簡介"):
    st.switch_page("app_pages/intro.py")
    """, language="python")
    if st.button("跳轉(zhuǎn)到簡介"):
        st.switch_page("app_pages/intro.py")

if __name__ == "__page__":
    switch_page()

此方法將導(dǎo)航與側(cè)邊欄分離，提供對用戶何時以及如何切換頁面的更多控制。

結(jié)論

Streamlit的導(dǎo)航功能使構(gòu)建用戶友好的多頁面應(yīng)用程序變得容易。使用st.navigation、st.page_link和st.switch_page，您可以創(chuàng)建直觀且動態(tài)的導(dǎo)航體驗(yàn)。

? 獲取代碼：GitHub - jamesbmour/blog_tutorials
? 相關(guān)的Streamlit教程：JustCodeIt
? 支持我的工作：Buy Me a Coffee

以上是Streamlit 零件頁面導(dǎo)航得到簡化的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！