Perkemas Navigasi Halaman Bahagian Dipermudahkan

Dalam Streamlit, navigasi antara halaman ialah ciri yang berkuasa untuk membina aplikasi berbilang halaman dinamik. Tutorial ini akan meneroka navigasi halaman dalam Streamlit, menggunakan kaedah st.navigation, st.page_link dan st.switch_page baharu untuk mencipta pengalaman pengguna yang lancar.

---

Mengapa memilih aplikasi berbilang halaman?

Streamlit pada asalnya tidak dibina sebagai rangka kerja aplikasi berbilang halaman. Walau bagaimanapun, semasa ia berkembang, pasukan Streamlit memperkenalkan ciri untuk menyokong aplikasi berbilang halaman. Ciri-ciri ini memudahkan navigasi dan menyediakan pilihan yang boleh disesuaikan untuk aplikasi web dinamik.

---

Tetapan struktur projek

Dalam tutorial ini, struktur projek kami mengikut reka letak berikut:

<code>project/
│
├── app.py  # 主应用程序文件
├── app_pages/
│   ├── intro.py
│   ├── navigation_intro.py
│   ├── page_link_demo.py
│   ├── switch_page_demo.py
</code>

app_pagesSetiap fail dalam direktori mewakili halaman individu dalam aplikasi.

---

Laksanakan navigasi: app.py

Mari mulakan dengan mentakrifkan halaman dalam app.py. Fail ini menggunakan st.navigation untuk menyediakan menu navigasi.

<code class="language-python"># app.py
import streamlit as st

# 页面导航
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="?"),
]

# 将页面添加到侧边栏导航
pg = st.navigation(pages, position="sidebar", expanded=True)

# 运行应用程序
pg.run()
</code>

Dengan tetapan ini, navigasi bar sisi akan dijana secara automatik untuk memaparkan halaman yang ditentukan dan ikonnya.

---

Halaman 1: Pengenalan

Fail

intro.py digunakan sebagai halaman utama.

<code class="language-python"># app_pages/intro.py
import streamlit as st

def intro():
    st.title("Streamlit 页面导航教程")
    st.write("欢迎来到本Streamlit页面导航教程！")
    st.write("使用侧边栏在不同页面之间导航。")

if __name__ == "__page__":
    intro()
</code>

Apabila pengguna melawat halaman ini, mereka akan melihat pengenalan kepada aplikasi dan arahan tentang cara menavigasi.

---

Halaman 2: Ketahui tentang st.navigation

Dokumen

navigation_intro.py menerangkan cara menggunakan st.navigation.

<code class="language-python"># app_pages/navigation_intro.py
import streamlit as st

def navigation_intro():
    st.title("st.navigation简介")
    st.write("`st.navigation`函数配置多页面Streamlit应用程序。")
    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("这将创建一个侧边栏菜单，其中包含`pages`列表中指定的页面。")

if __name__ == "__page__":
    navigation_intro()
</code>

---

Halaman 3: Gunakan st.page_link

Fail page_link_demo.py menunjukkan pautan antara halaman dalaman dan luaran.

<code class="language-python"># 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="跳转到简介", 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()
</code>

Kaedah ini membolehkan pengguna menavigasi dalam aplikasi atau melompat ke sumber luaran.

---

Halaman 4: Navigasi program menggunakan st.switch_page

switch_page_demo.pyDokumen yang menunjukkan penukaran halaman secara pengaturcaraan.

<code class="language-python"># 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("跳转到简介"):
    st.switch_page("app_pages/intro.py")
    """, language="python")
    if st.button("跳转到简介"):
        st.switch_page("app_pages/intro.py")

if __name__ == "__page__":
    switch_page()
</code>

Kaedah ini memisahkan navigasi dari bar sisi, memberikan lebih kawalan ke atas masa dan cara pengguna menukar halaman.

---

Kesimpulan

Ciri navigasi Streamlit memudahkan untuk membina aplikasi berbilang halaman yang mesra pengguna. Menggunakan st.navigation, st.page_link dan st.switch_page, anda boleh mencipta pengalaman navigasi yang intuitif dan dinamik.

---

? Dapatkan kod: GitHub - jamesbmour/blog_tutorials
?Tutorial Streamlit Berkaitan: JustCodeIt
?Sokong kerja saya: Beli Saya Kopi

Atas ialah kandungan terperinci Perkemas Navigasi Halaman Bahagian Dipermudahkan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!