跨模态神经搜索实践VCED 基于Streamlit实现前端页面设计和逻辑

本文介绍了使用Streamlit构建基于Python的机器学习/数据科学仪表板,详细讲解了Streamlit的入门、输出、输入和页面设计。通过实例展示了如何在VCED项目中设计前端页面并实现简单的交互逻辑,包括文件上传、文本输入、搜索按钮等组件的使用。
摘要由CSDN通过智能技术生成

1. Streamlit入门

1.1 Streamlit介绍

Streamlit是基于Python的Web应用程序框架,它可以使用Python代码轻松构建机器学习/数据科学相关的仪表板,其特点包括:

  • 跨平台:支持Windows、macOS、Linux
  • 只需要掌握Python:不需要前端的任何基础
  • 开源:社区资源丰富,包括社区开源地址

1.2 Streamlit快速开始

安装:pip install streamlit

运行demo:streamlit hello

运行结果如下:

在这里插入图片描述

通过demo可以看出Streamlit构建的整体风格,其将页面从左至右分为两部分,分别是:

  • 导航栏:上图中的左边导航栏,用于显示多页面
  • 内容栏:展示当前页面的内容,包含下拉框

且在右上角包括设置按钮。

1.3 Streamlit相关概念

Streamlit的整个运行流程可以参考链接中的Data flow,这里给出简单说明。

Streamlit的架构每当修改了源代码或用户与Streamlit的任意组件进行交互,都会产生一个on_change或on_click的回调(callback),它会尝试执行剩下的代码(通常是整个代码文件)。

总的来说,这里将Streamlit粗略地分为:

  • 输入:用户可以点击、选择、输入的部分;
  • 输出:页面展示给用户的部分,如表格、序列、图表、文字、代码等;
  • 其它:如布局、缓存、多页面等。

为了方便描述,后文使用st来替代streamlit

1.3.1

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值