一日一技:极其简单,用Python写前端

article/2025/10/8 9:52:25

今天要介绍这个神器,可以说是  pywebio  的  Plus  + P ro   + Max 版,原谅我的词穷,但它真的非常的强~ 

正常在学习一个新框架之前, 肯定要先调研下这个框架究竟能做些什么事吧?

但对于 streamlit 来说,请你相信我,这是一个你可以无脑去学习的框架,我之所以这么说,是因为我相信终有一天,你一定能用得上它。

Streamlit 是一个用于机器学习、数据可视化的 Python 框架,它能几行代码就构建出一个精美的在线 app 应用。

它能做什么,取决于你想干什么?

streamlit 的功能强大,要学习的函数虽然多,但非常容易上手,学习成本却远比 前端+Flask 来得低得低。接下来,我会一一介绍。

# 1. 如何安装?

和安装其他包一样,安装 streamlit 非常简单,一条命令即可

➜ pip install streamlit 

考虑到 streamlit 会附带安装比较多的工具依赖包,为了不污染当前的主要环境,我使用 venv 新建一个虚拟环境。

➜ python3 -m venv .

然后使用如下命令进入该虚拟环境

➜ source ./venv/bin/activate

接下来,再安装 streamlit ,命令在上边。

安装的包比较多(数了下竟然接近 92 个?),过程也会很久,需要点耐心

➜ pip list | wc -l92

在安装过程中,可能会遇到一些问题,但也不一定,这取决于你的机器,如遇到问题请自行借助搜索引擎解决。

# 2. 入门示例

Streamlit 提供了一些入门示例,执行如下命令即可

➜ streamlit hello

执行后 streamlit 会自动打开浏览器加载一个本地页面 http://localhost:8501/

这里面有很多的 demo,你可以看一下,这些 Demo 还有对应的配套代码

这些代码直接拷贝保存,就可以在本地直接通过如下命令直接运行

➜ streamlit run st-demo.py

# 2. Markdown 文本

导入 streamlit 后,就可以直接使用 st.markdown() 初始化,调用不同的方法,就可以往文档对象中填入内容

  • st.title():文章大标题

  • st.header():一级标题

  • st.subheader():二级标题

  • st.text():文本

  • st.code():代码,同时可设置代码的语言,显示的时候会高亮

  • st.latex():latex 公式

  • st.caption():小字体文本

如下我自己写的一个小 Demo,供你参考

import streamlit as st# markdown
st.markdown('Streamlit Demo')# 设置网页标题
st.title('一个傻瓜式构建可视化 web的 Python 神器 -- streamlit')# 展示一级标题
st.header('1. 安装')st.text('和安装其他包一样,安装 streamlit 非常简单,一条命令即可')
code1 = '''pip3 install streamlit'''
st.code(code1, language='bash')# 展示一级标题
st.header('2. 使用')# 展示二级标题
st.subheader('2.1 生成 Markdown 文档')# 纯文本
st.text('导入 streamlit 

http://chatgpt.dhexx.cn/article/samYffMh.shtml

相关文章

python前端Django指南之Hello worldl输出

1.创建Django项目 python manage.py startapp +项目名 ptyhon manage.py startapp index 2.添加setting,py属性 部分代码 增加 ‘index’ 3.创建templates文件夹再创建和编辑index.html文件

前端需要学python吗_python是前端语言吗

python语言属于后端开发语言。 Python是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。Python 的设计具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,它具有比其他语言更有特色语法结构。在后端…

python基于xlwt库处理excel,并传给前端下载

创建excel book xlwt.Workbook(encodingutf-8) # 获取excel对象 sheet book.add_sheet(状态监视) # 设置excel的sheet名称设置style格式 alignment xlwt.Alignment()# 左右的对其,水平居中 May be: HORZ_GENERAL, HORZ_LEFT, HORZ_CENTER,# HORZ_RIGHT, HORZ_…

随笔-关于前端调取Python数据

description: 使用了jQuery的ajax,Python的Flask库和Flask的跨域包flask-cors 1. 安装依赖包 通过豆瓣源安装对应包 pip install 包名 -i http://pypi.douban.com/simple/ --trusted-host pypi.douban.com2. 启动Python的Flask from flask import Flask app Fl…

python使用flask模块和前端交互基础

python利用flask模块和前端进行交互基础 一、模块使用: python:flask、flask_cors 【两个都是第三方模块需要进行按照】推荐使用豆瓣源安装,以下为豆瓣源安装方法 pip install flask -i https://pypi.douban.com/simple/ pip install flas…

Python 竟也可以写网页前端了

Python作为胶水语言,真的是无所不能。这不,最近又出现一个基于 Python3,目标是替代 JavaScript 的前端开发工具 — Brython 好用吗?咱今天来试试用它写一个计算器: 不过,我们首先要知道它作为 Python 的客…

用Python写了一个前端,轻轻松松实现前端梦

前端除了用jscsshtml,还有没有其它办法?其实python也可以 1. 安装与基本流程 Python学习交流Q群:906715085### 安装 PyWebIO 和其他的第三方库一样使用pip install PyWebIO就行,没有任何难度,此处不做多讲。但是在正式…

Pyscript,使用Python编写前端脚本

介绍 Anaconda的CEO Peter Wang在前两个月的时候发布了Pyscript,实现了在HTML支持Python的使用,整个引用过程甚至不需要安装任何环境,只需要使用link和script标签即可引用实现Python在HTML中运行的功能,在HTML中也可以运行和使用…

python前端界面实现交互,python的交互模式是什么

如何进入python交互界面 Python交互模式有两种:图形化的交互模式或者命令行的交互模式。打开步骤:首先点击开始菜单。 然后在搜索栏中输入Python,即可看到图形化的交互模式(IDLE(Python 3.7 64-bit)&…

前端运行python代码几种方式_前端和python

广告关闭 腾讯云11.11云上盛惠 ,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高返5000元! 如果您细心对比过 json python sdk 和 xml python sdk 的文档,您会发现并不是一个简单的增量更新。 xml python sdk 在架构、可用性和安全性上有了非常大的提升…

逆袭之路——python 前端开发之基础部分【day38】

今日内容概要 前端简介HTTP简介HTTP协议HTML简介head内常见标签body内基本标签body内特殊符号body内常见标签标签的两大重要参数列表标签表格标签 今日内容详细 一、前端简介 什么是前端 什么是后端? 前端: 任何与用户直接打交道的界面都可以…

用Python写前端

分享一个让开发交互式 Web app 超级简单的工具。不会 HTML,CSS,JAVASCRIPT 也没事。交互式 Web app 非常实用,比如说做一个问卷调查页面、一个投票系统、一个信息收集表单,上传文件等等,因为网页是可视化的&#xff0c…

jsp物流配送管理系统

jsp物流配送管理 emmmm 本系统带程序说明书 有需要的可以去我上传的资源里面找,找不到的话,评论我,或者站内私信留下邮箱, 我看到机会给你发,也可以主动联系我博客名。 因为最近太忙一直没有上传完。我会尽快传完…

中小企业物流配送管理系统SSM开发MYSQL数据库javaweb项目j2ee实现

本项目使用IDEA JavaBean Servlet MVC和MYSQL开发,需要eclipse SSM SpringSpringMVCMyBatis或SQL server数据库的请联系QQ1978519681 1 数据库概念设计 2 功能 功能包含:货物种类 货物信息管理 入库 出库 库存盘点 车辆管理 物流配送管理 客户管理 员工管理 3 效果演示

基于SSH的物流配送信息管理平台设计与实现

目 录 1 引言 3 1.1 目的 3 1.2 背景 3 1.3 参考资料 3 1.4 术语 3 2 任务概述 4 2.1 目标 4 3 需求规定 4 3.1 一般性需求 4 3.2 功能性需求 4 6、 中心库房管理员:存放公司所配送的货物,是公司货物的入口。 4 3.2.2 整体业务流程描述 5 1、 客服接收客…

物流管理系统需要的服务器,物流业务管理系统

erp系统物流门店收银方案概述 连锁门店在国内的兴起,服务好,品牌一致,在工作效率上已经不能靠从前的记账方式。现成于条码技术,可以解决现在管理中快速的定位,集中处理,少出错等问题。采用GPRS无线网络,可以解决各个分店到总部的数据远程实时传输。便于集中统一管理,货…

物流配送管理系统(ssm,mysql)

可以实现数据的图形展示、报表展示、报表的导出、打印。 1、仓储数据分析: 将2018年12月1日青岛仓出库量与 1、 仓储主题 仓库分为冷冻仓和冷藏仓,仓库地点至少三个,一个地点有多个冷冻仓和冷藏仓。时间为日、月、季度、年。商品为具体的生鲜产品。仓库设置仓库维度、时间…

【附源码】计算机毕业设计SSM物流配送系统

项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybatis Maven Vue 等等组成,B/S模式 M…

快递配送管理系统毕业设计

技术:Java、JSP等 摘要:本快递配送管理系统是使用JSP编程语言和SQL Server2008数据库共同来完成的,采用面向对象方法,对快递配送管理系统进行设计与实现。分析设计了快递配送管理系统的静态模型和动态模型,完成了系统开…

基于C语言Win32API窗口实现的物流配送信息管理系统

一、题目 物流配送管理信息系统 二、系统功能模块结构图 2.1 函数程序模块结构图如图 1 所示: 图 1 2.2 录入子菜单功能结构图如图 2 所示: 图 2 2.3 插入的子菜单的功能结构图如图 3 所示: 图 3 2.4 修改的子菜单的功能结构图如图 4 所…