Streamlit Navigation Bar 安装与配置指南

Streamlit Navigation Bar 安装与配置指南

streamlit-navigation-bar A component that allows you to place a navigation bar in your Streamlit app. 项目地址: https://gitcode.com/gh_mirrors/str/streamlit-navigation-bar

1. 项目基础介绍

Streamlit Navigation Bar 是一个开源项目，它允许开发者在 Streamlit 应用中添加一个导航栏。这个组件设计简单易用，开箱即用且外观美观，可以自定义样式，与 Streamlit 的用户界面集成，并提供详尽的文档。

该项目主要使用的编程语言为 Python，同时使用了 Vue、CSS 和 TypeScript 等技术。

2. 关键技术和框架

• Streamlit：一个用于快速构建数据应用的原型工具，使用 Python 编写。
• Vue：一个渐进式JavaScript框架，用于构建用户界面。
• CSS：用于网页设计的样式表语言。
• TypeScript：JavaScript 的一个超集，添加了静态类型选项。

3. 安装和配置

准备工作

在开始安装之前，请确保您的系统中已经安装了以下环境和依赖：

• Python 3.8 或更高版本
• Streamlit 1.33 或更高版本
• Streamlit Theme 1.2.3 或更高版本

安装步骤

1. 安装依赖

   打开终端（命令提示符或 PowerShell），然后运行以下命令来安装项目所需的 Python 包：

   pip install streamlit-navigation-bar
   

2. 创建 Streamlit 应用

   在您选择的目录中创建一个新的 Streamlit 应用。如果尚未安装 Streamlit，请先安装它：

   pip install streamlit
   

   创建一个名为 app.py 的 Python 文件，并添加以下代码来引入 Streamlit Navigation Bar 组件：

   import streamlit as st
   from streamlit_navigation_bar import st_navbar
   
   # 添加导航栏
   page = st_navbar([
       "主页",
       "文档",
       "示例",
       "社区",
       "关于"
   ])
   
   # 显示当前页面内容
   st.write(page)
   

3. 运行应用

   在终端中，导航到包含 app.py 的目录，并运行以下命令来启动 Streamlit 应用：

   streamlit run app.py
   

   这将启动 Streamlit 服务器，并在默认的网络浏览器中打开新标签页，您应该能够看到带有导航栏的 Streamlit 应用。

以上就是 Streamlit Navigation Bar 的安装和配置指南。按照上述步骤操作，即使是编程小白也可以轻松地集成导航栏到自己的 Streamlit 应用中。

streamlit-navigation-bar A component that allows you to place a navigation bar in your Streamlit app. 项目地址: https://gitcode.com/gh_mirrors/str/streamlit-navigation-bar