一、开源项目简介
Fastapi-Vue3-Admin
基于Fastapi-Vue-Admin前后端分离的Web+小程序+H5应用快速开发框架
Fastapi-Vue3-Admin 是一套完全开源的现代化快速开发平台,旨在帮助开发者高效搭建高质量的中后台系统。项目结合了高性能后端框架 FastAPI 和强大的 ORM 库 SQLAlchemy,以及前端技术栈 Vue3、Vite6、Ant Design Vue 和移动端开发框架 UniApp 及其组件库 uView-plus,为开发者提供了开箱即用的解决方案。
二、开源协议
使用MulanPSL-2.0开源协议
三、界面展示
模块展示
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-2 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640.jpeg) 登陆 | ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-3 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-2.jpeg) 仪表盘 | 
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-4 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-1.jpeg) 菜单管理 | ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-5 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-3.jpeg) 部门管理 | 
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-6 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-5.jpeg) 岗位管理 | ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-7 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-4.jpeg) 角色管理 | 
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-8 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-7.jpeg) 用户管理 | ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-9 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-6.jpeg) 日志管理 | 
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-10 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-8.jpeg) 配置管理 | ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-11 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-9.jpeg) 在线用户管理 | 
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-12 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-10.jpeg) 服务器监控 | ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-13 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-12.jpeg) 缓存监控 | 
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-14 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-11.jpeg) 任务管理 | ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-15 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-13.jpeg) 接口管理 | 
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-16 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-14.jpeg) 文档管理 | ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-17 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-15.jpeg) 个人信息 | 
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-18 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-16.jpeg) 在线文档 | ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-19 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-17.jpeg) 字典管理 | 
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-20 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-19.jpeg) app登陆 | ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-21 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-18.jpeg) app首页 | 
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-22 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-20.jpeg) app工作台 | ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-23 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-22.jpeg) app个人中心 | 
| ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-24 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-21.jpeg) app个人主页 | 
四、功能概述
项目特点
- 
模块化、松耦合 
- 
模块丰富、开箱即用 
- 
简洁易用、快速接入 
- 
文档详尽、易于维护 
- 
自顶向下、体系化设计 
- 
统一框架、统一组件、降低选择成本 
- 
开发规范、设计模式、代码分层模型 
- 
强大便捷的开发工具链 
- 
完善的本地中文化支持 
- 
设计为团队及企业使用 
内置模块
- 仪表盘
 :仪表盘展示,常用功能入口。 
- 系统管理
- 菜单管理
 :配置系统菜单,操作权限,按钮权限标识等。 
- 部门管理
 :配置系统组织机构,树结构展现支持数据权限。 
- 岗位管理
 :主要管理用户担任岗位。 
- 角色管理
 :角色菜单管理与权限分配、设置角色所拥有的菜单权限。 
- 用户管理
 :用于维护管理系统的用户,常规信息的维护与账号设置。 
- 日志管理
 :对系统中常用的较为固定的数据进行统一维护。 
- 配置管理
 :主要是系统配置信息,如:系统名称、系统版本、系统描述等。 
- 公告管理
 :系统通知公告信息发布维护。 
- 字典管理
 :对系统中常用的较为固定的数据进行统一维护。 
- 任务管理
 :任务调度,支持定时任务,支持任务日志查看。 
 
- 菜单管理
- 监控管理
- 在线用户
 :查看当前系统中在线的用户。 
- 服务器监控
 :查看系统运行状态,包括内存、CPU、磁盘等。 
- 缓存监控
 :查看系统缓存信息,如:缓存命中率、缓存键值等。 
 
- 在线用户
- 公共管理
- 接口管理
 :系统接口维护,如:接口地址、请求方式等。 
- 文档管理
 :系统接口文档维护,支持在线接口调用。 
 
- 接口管理
- App
- 首页
 : 应用首页。 
- 工作台
 :常用功能入口。 
- 个人中心
 :系统接口文档维护,支持在线接口调用。 
 
- 首页
五、技术选型
安装和使用
版本说明
| 类型 | 技术栈 | 版本 | 
| 后端 | Python | 3.10 | 
| 后端 | FastAPI | 0.109 | 
| 前端 | Node.js | >= 20.0(推荐使用最新版) | 
| 前端 | npm | 16.14 | 
| 前端 | Vue3 | 3.3 | 
| 数据库 | MySQL | 8.0 (推荐使用最新版) | 
| 数据库 | PostgreSQL | 14(其他版本均未测试) | 
| 数据库 | MongoDB | 8.0(推荐使用最新版) | 
| 中间件 | Redis | 7.0 (推荐使用最新版) | 
| 小程序 | uni-app | 3.0.0 | 
| 小程序 | uview-plus | ^3.3.74 | 
项目目录结构如下:
fastapi_vue_admin├─ backend # 后端工程├─ frontend # 前端工程├─ devops # 部署工程├─ mkdocs # 文档工程├─ uni-app # 移动端工程|─ README.en.md # 英文文档└─ README.md # 中文文档
- 后端
 : - FastAPI
 :现代、高性能的异步框架 
- Swagger
 :自动生成交互式 API 文档 
- Pydantic
 :强制类型约束 
- SQLAlchemy 2.0
 :强大的 ORM 库 
- APScheduler
 :任务调度 
 
- FastAPI
- 前端
 : - Vue3
 :现代前端框架 
- Ant Design Vue
 :企业级 UI 组件库 
- TypeScript
 :静态类型检查 
- Vite
 :快速的构建工具 
 
- Vue3
- app
 : - Vue3
 : 渐进式JavaScript框架,用于构建用户界面。 
- Vite5
 : 快速的前端构建工具,支持热重载。 
- Pinia
 : 状态管理工具,用于管理前端状态。 
- UniApp
 : 跨平台应用开发框架,支持多端开发。 
- uView-plus
 : 基于Vue3的UI组件库,提供丰富的组件。 
 
- Vue3
- 权限认证
 :使用哈希密码和 JWT Bearer 令牌的 OAuth2 
- 权限架构
 :基于 RBAC 设计,支持动态权限菜单、按钮级别权限控制、数据级别权限控制 
- 开箱即用
 :适合新项目启动模板,也可用于学习参考 
特别鸣谢
感谢以下项目的贡献和支持,使本项目得以顺利完成:
- 
FastAPI 项目 
- 
Vue3 项目 
- 
KInit 项目 
- 
Fastapi-Vue3-Admin 项目 
- 
Vue-FastAPI-Admin 项目 
- 
RuoYi-Vue3-FastAPI 项目 
- 
APScheduler 项目 
- 
Vite 项目 
- 
UniApp 项目 
- 
uView-plus 项目 

![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架-1 [开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/uploads/2025/05/640-43.png)
 
    		 
															 
            ![[开源]一套完全开源前后端分离的Web+小程序+H5应用快速开发框架](https://www.baicxx.com/wp-content/themes/ceomax/static/images/ceotheme_no.jpg) 
            
 
                     
    	 
    	 
    	 
    	 
						 
						 
						 
						 
						
