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篇待定。。。。。计划6/27/28日出

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.tpcf.cn/pingmian/86220.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Swagger 在 Spring Boot 中的详细使用指南

Swagger 是一个强大的 API 文档生成工具&#xff0c;在 Spring Boot 项目中主要通过 springdoc-openapi 库实现。下面我将详细讲解 Swagger 的配置、注解使用和高级功能。 一、基础配置 1. 添加依赖 在 pom.xml 中添加&#xff1a; xml 复制 下载 运行 <dependency&…

群晖如何开启及使用ssh:小白用户上手指南-家庭云计算专家

最近很多用户希望提供群晖下onlyoffice的安装服务,但是很多都是萌新小白,不知道怎么启用ssh和使用ssh客户端.这里提供简单的方法,统一答复: 重要的事情说3遍:一定不要自己发挥,全部按说明的来;一定要在内网环境用内网ip访问;不要用域名和端口号,谢谢各位萌新了!!! 一、ssh启用…

Ubuntu查看与切换显示管理器(已测试ubuntu20,ubuntu24)

一级标题 显示管理器是用户使用图形化的登录界面。 当用户成功输入用户名和密码后&#xff0c;即可开始使用图形化界面会话。gdm3和 lightdm 都是显示管理器。 它们提供了图形化登录并处理用户身份验证。 查看正在使用的显示管理器&#xff1a; cat /etc/X11/default-displa…

ROS 2 中 Astra Pro 相机与 YOLOv5 检测功能编译启动全记录

先记录大概主要流程&#xff0c;后期有时间了再完善细节以及附上截图 一、编译 Astra Pro 相机功能包 1. 清理并编译相机包 cd ~/Astra_ws rm -rf build/astra_camera install/astra_camera # 清理旧编译 colcon build --packages-select astra_camera --parallel-workers …

当实体类名和数据库表列名不一致时不能封装数据的解决办法

1. <resultMap> 是什么&#xff1f; 作用&#xff1a;<resultMap> 用来定义数据库表字段和Java实体类属性之间的对应关系。 为什么需要&#xff1f; 数据库字段通常用下划线命名&#xff08;如 brand_name&#xff09;&#xff0c;而Java类属性用驼峰命名&#…

window系统上labelImg的安装与使用

一、window上安装Anaconda 下载&#xff1a;https://repo.anaconda.com/archive/选择版本&#xff0c;此次选择的是Anaconda3-2025.06-0-Windows-x86_64.exe双击安装在 Windows 搜索栏中输入 Anaconda Prompt 并打开。 二、安装pyton3.8 wondow环境 在 Windows 搜索栏中输入…

SSE 流与普通 HTTP 响应的区别

1. 连接特性 特性普通 HTTP 响应SSE 流连接持续时间一次性&#xff0c;请求-响应后立即关闭持久连接&#xff0c;保持打开状态通信方向单向 (客户端→服务器→客户端)单向 (服务器→客户端)数据格式完整响应体流式文本数据 (text/event-stream) 2. 数据传输方式 普通 HTTP 响…

Proteus仿真51单片机控制L298N PWM电机调速

51单片机概述 51单片机是指Intel公司开发的MCS-51系列单片机及其兼容产品&#xff0c;是应用最广泛的8位单片机系列之一。其名称来源于该系列的第一款芯片8051。 主要特点&#xff1a; 8位CPU&#xff1a;处理数据宽度为8位 哈佛结构&#xff1a;程序存储器和数据存储器分开…

批量将exb文件转为pdf的实用工具

最近在工作中遇到了一个棘手的问题&#xff1a;需要将大量CAXA电子图板(.exb)格式的图纸文件转换为PDF格式以便于共享和查阅。手动一个个打开转换不仅效率低下&#xff0c;而且容易出错。于是&#xff0c;我决定开发一个批量转换工具来解决这个问题。 使用效果 在实际使用中&…

从C++编程入手设计模式——命令模式

从C编程入手设计模式——命令模式 ​ 命令模式是一个用指令封装请求的优雅方法。换而言之&#xff0c;对于一个复杂的系统&#xff0c;当我们发现&#xff0c;使用一系列的指令&#xff08;Command&#xff09;来操作对象的时候&#xff0c;这个设计模式就会显得非常的实用。我…

【基础篇-消息队列】——如何通过网络传输结构化的数据( 序列化与反序列化)

目录 一、引入前提二、选择哪种序列化实现2.1、选择哪种序列化实现需要权衡的几个因素2.2、如何选择哪种序列化实现三、实现高性能的序列化和反序列化四、小结本文来源:极客时间vip课程笔记 一、引入前提 在 TCP 的连接上,它传输数据的基本形式就是二进制流,也就是一段一段的…

LINUX 622 SAMBA

SAMBA案例 user01通过wondows或linux在/samba/share 中创建、删除文件 环境配置 samba安装 [rootsamba caozx26]# yum install samba -y 已加载插件&#xff1a;fastestmirror, langpacks Loading mirror speeds from cached hostfile 正在解决依赖关系 --> 正在检查事务…

Linux Sonic Agent 端部署(详细版)(腾讯云)

&#xff08;因为服务器是Linux的&#xff0c;只是安装了&#xff0c;并没有验证&#xff09; 1、编辑docker-compose.yml文件 在Services下添加Agent sonic-agent:image: "sonicorg/sonic-agent-linux:v2.7.2"environment:- SONIC_SERVER_HOST${SONIC_SERVER_HOST…

SpringCloud学习笔记 - 2、关于Cloud各种组件的停更/升级/替换

文章目录 前言SpringCloud是什么&#xff1f;SpringCloud 在 2018 年&#xff0c;技术体系SpringCloud 在 2020 年&#xff0c;“移除”了技术体系SpringCloud 在 2024 年&#xff0c;移除了技术体系SpringCloud 2024年&#xff0c;技术体系服务注册与发现 模块1、Eureka2、Con…

全面掌握 Nginx的功能和使用方法

从 C10K 到现代云原生 第一章 稀缺性哲学与 C10K 挑战 Nginx 的诞生并非偶然&#xff0c;它是在特定历史背景下&#xff0c;对一个严峻工程危机的直接而革命性的回应。要真正理解 Nginx 的设计精髓&#xff0c;我们必须回到 20 世纪末&#xff0c;探究那个催生了它的时代性难题…

[Linux] Vim编辑器 Linux输入输出重定向

Vim编辑器 Vim模式 command模式&#xff1a;该模式下键盘中的字母有特殊含义。如&#xff1a;G是跳转到最后一行&#xff1b;gg是跳转到第一行。 edit模式&#xff1a;在command模式下按i进入该模式。在该模式可以输入内容。在该模式下按esc返回command模式。 extended com…

用Rust写平衡三进制乘法器

1、平衡三进制乘法表 前面写了平衡三进制的加法器&#xff0c;这个乘法器是在这基础上的&#xff0c;没看过的可以回去看看&#xff0c;说到乘法器还是要参考前苏联的资料的&#xff0c;平衡三进制的乘法也是很方便的&#xff0c;在平衡三进制基础中有详细讲过&#xff0c;下图…

解决Vue2官网Webpack源码泄露漏洞

一&#xff1a;漏洞产生 Webpack是一个JavaScript应用程序的静态资源打包器。大部分Vue等应用项目会使用Webpack进行打包&#xff0c;如果没有正确配置&#xff0c;就会导致项目源码泄露&#xff0c;可能泄露的各种信息如API、加密算法、管理员邮箱、内部功能等等。 F12查看源…

新中国风通用读书颂词分享PPT模版

新国风PPT模版&#xff0c;古风影视剧PPT模版&#xff0c;天青色中国风读书颂词分享会PPT模版&#xff0c;国风通用PPT模版&#xff0c;茶味PPT模版&#xff0c;风雪夜归人PPT模版&#xff0c;小别离PPT模版&#xff0c;西江月茶词PPT模版 新中国风通用读书颂词分享PPT模版&…

Rust自动化测试的框架

Rust实现Web自动化测试的框架 以下是10个使用Rust实现Web自动化测试的框架示例,涵盖不同场景和工具链: 使用thirtyfour(基于Selenium) use thirtyfour::prelude::*;async fn example_selenium() -> WebDriverResult<()> {let caps = DesiredCapabilities::chro…