Python 前端框架/工具合集

前言

Python 本身并不是为前端开发而设计的语言,但确实有一些 Python 框架可以“变相”地用于前端开发,比如生成 HTML、控制前端页面逻辑,甚至可以直接运行在浏览器中。

目标

本文将对常见的使用python实现的前端框架,先做一个大概的学习总结,后续会有一系列的关于具体框架的详细介绍,各位看官可以先点击关注收藏。
重点看本篇最后的详细介绍部分,你会有惊喜的发现。

前端框架/工具列表介绍

在这里插入图片描述

为了方便学习,这里整理了的常见 Python 前端框架/工具,包括它们的名称、类型、应用范围、默认端口、启动方式、启动命令等信息,具体列表如下,看看是否有你想要了解的,或者我没有整理的,也方便留言。

名称类型应用范围端口/运行环境启动方式/命令特点/备注
StreamlitWeb UI 框架数据展示、仪表板、快速原型默认 8501streamlit run app.py极简前端,可快速构建数据应用
GradioWeb UI 框架AI Demo、模型接口、前端交互默认 7860gradio.Interface(...).launch()简洁美观,适合部署 AI 接口
DashWeb UI 框架数据可视化、Plotly 图表展示默认 8050app.run_server()基于 Flask + React,强可视化支持
Flask + Jinja2模板引擎 + 后端框架网页生成、服务端渲染 SSR默认 5000flask run or python app.py使用 Jinja2 模板生成 HTML
Django + Templates模板引擎 + 后端框架全栈网站开发、内容管理默认 8000python manage.py runserver集成完整功能,适合中大型项目
Anvil云端全栈框架可视化 Web App、拖拽式 UI 构建云端/浏览器无本地端口,云端部署拖拽式开发、支持 Python 全栈
PyWebIO纯 Python Web UI教学、小工具、交互式问答默认 8080pywebio.start_server()无需 HTML/CSS,类似命令行交互的 Web UI
NiceGUIWeb UI 框架简洁现代 UI,快速构建 Web 应用默认 8080from nicegui import ui类似 Streamlit,但组件更多样
Panel数据分析/科学可视化可嵌入 Jupyter 或独立网页应用默认 5006panel serve app.py支持交互式小部件,适合科研可视化
PyScriptWebAssembly 工具在浏览器中直接运行 Python 前端逻辑浏览器放入 HTML <py-script> 标签可直接在 HTML 中嵌入 Python
BrythonJS 替代工具用 Python 编写浏览器端 JS 脚本浏览器嵌入 <script type="text/python">替代 JS 的尝试,适合简单交互
Flask + HTMX/Tailwind现代 SSR 风格组合服务端生成+前端增强交互默认 5000flask run利用 HTMX 做无刷新交互,保持前后端一致
Toga (BeeWare)桌面 GUI,也支持 Web跨平台 GUI 应用(Web/桌面/移动)WebViewpython app.py多平台运行,Web 使用时基于 WebView 或 HTML5

简要分类

简单分为六大类别,如下:

类别对应框架适合人群 / 应用场景
Web App 快速开发Streamlit, Gradio, NiceGUI, DashAI Demo、数据看板、内部工具
服务端渲染网站Django, Flask + Jinja2, HTMX组合内容管理系统、博客、门户网站
教学/交互工具PyWebIO, Panel编程教学、小工具开发
纯前端运行(浏览器中运行 Python)PyScript, Brython简易交互、教学演示、JS 替代尝试
云端可视化平台Anvil小白拖拽开发、SaaS Demo、表单应用
多端 GUI 支持Toga (BeeWare)想用 Python 写跨平台 GUI 的开发者

详细介绍

后续会有一系列的篇幅来分别对这些框架做下详细的介绍

系列编号标题
第01篇Python开源库 Streamlit 详细介绍
第02篇Gradio 入门实战:几行代码部署你的 AI 模型界面
第03篇Dash 快速上手指南:用 Python 做炫酷图表网站
第04篇NiceGUI 入门实战:简约风 Python 网页新体验
第05篇Panel入门实战:快速构建交互式 Web 应用和大模型介绍
第06篇Django 零基础起步:开发你的网站第一步
第07篇PyWebIO 交互式网页开发:无 HTML 也能搞定表单
第08篇Toga 实战示例解析:一个可以跨平台部署的 Python GUI 框架
第09篇Flask + HTMX + Tailwind 从入门到精通:构建现代感十足的轻量 Web 应用
第10篇Brython 详解:从入门到精通
第11篇PyScript 详解:从入门到精通
第12篇待定。。。。。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

勤奋的知更鸟

你的鼓励将是我创作的最大动力!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值