介绍

fastapi-vue-admin 是一套全部开源的快速开发平台，提供免费使用

• 后端采用 FastAPI（现代、高性能异步框架） + Swagger（自动生成交互式API文档） + Pydantic（强制类型约束） + SQLAlchemy 2.0；
• 前端采用 Vue3 + Ant Design Vue + TypeScript + Vite 等主流技术开发；
• 权限认证使用（哈希）密码和 JWT Bearer 令牌的 OAuth2
• 基于 RBAC 权限架构设计。支持加载动态权限菜单、按钮级别权限控制、数据级别权限控制
• 开箱即用的中后台解决方案，可以用来作为新项目的启动模版，也可用于学习参考

如果觉得项目不错的话，欢迎大家 Star 支持一下！

在线体验

PC端演示地址：https://fastapi-vue-admin.senqiweb.cn

管理员账户：

• 账号：senqi
• 密码：senqi1010

测试账户：

• 账号：test
• 密码：test1010

安装和使用

获取代码

git clone https://gitee.com/senqi666/fastapi-vue-admin.git

准备工作

Python == 3.10（其他版本均未测试）
nodejs >= 20.0（推荐使用最新版）
PgSQL（推荐使用最新版）
Redis（推荐使用最新版）

后端

1. 安装依赖

   cd backend
   pip3 install -r requirements.txt

2. 修改项目数据库配置信息 在app/core/config.py文件中的SQL_DB_URL和REDIS_URL

3. 创建名为fastapi_vue_admin的数据库

4. 初始化数据库数据

   # 进入后端根目录 backend 下运行
   # 运行命令后会自动生成数据库内的表和数据
   # 如已初始化数据库数据，此命令可不执行
   python3 main.py init

5. 启动

   # 进入后端根目录 backend 下运行
   python3 main.py run

前端

1. 安装依赖

   cd web
   npm install

2. 运行

   npm run dev

3. 打包

   npm run build

访问项目

• 前端地址：http://127.0.0.1:5180
• 账号：senqi密码：senqi1010
• 接口地址：http://127.0.0.1:8080/docs