/vue-fastapi-admin

⭐️ 基于 FastAPI+Vue3+Naive UI 的现代化轻量管理平台,融合了 RBAC 权限管理、动态路由和 JWT 鉴权,助力中小型应用快速搭建,也可用于学习参考。

Primary LanguageVueMIT LicenseMIT

Vue FastAPI Admin Logo

vue-fastapi-admin

基于 FastAPI + Vue3 + Naive UI 的现代化前后端分离开发平台,融合了 RBAC 权限管理、动态路由和 JWT 鉴权,助力中小型应用快速搭建,也可用于学习参考。

特性

  • 最流行技术栈:基于 Python 3.11 和 FastAPI 高性能异步框架,结合 Vue3 和 Vite 等前沿技术进行开发,同时使用高效的 npm 包管理器 pnpm。
  • 代码规范:项目内置丰富的规范插件,确保代码质量和一致性,有效提高团队协作效率。
  • 动态路由:后端动态路由,结合 RBAC(Role-Based Access Control)权限模型,提供精细的菜单路由控制。
  • JWT鉴权:使用 JSON Web Token(JWT)进行身份验证和授权,增强应用的安全性。
  • 细粒度权限控制:实现按钮和接口级别的权限控制,确保不同用户或角色在界面操作和接口访问时具有不同的权限限制。

在线预览

登录页

image

工作台

image

用户管理

image

角色管理

image

菜单管理

image

API管理

image

快速开始

方法一:dockerhub拉取镜像

docker pull mizhexiaoxiao/vue-fastapi-admin:latest 
docker run -d --restart=always --name=vue-fastapi-admin -p 9999:80 mizhexiaoxiao/vue-fastapi-admin

方法二:dockerfile构建镜像

docker安装(版本17.05+)
yum install -y docker-ce
systemctl start docker
构建镜像
git clone https://github.com/mizhexiaoxiao/vue-fastapi-admin.git
cd vue-fastapi-admin
docker build --no-cache . -t vue-fastapi-admin
启动容器
docker run -d --restart=always --name=vue-fastapi-admin -p 9999:80 vue-fastapi-admin
访问

http://localhost:9999

username:admin

password:123456

本地启动

后端

启动项目需要以下环境:

  1. 创建虚拟环境
poetry shell
  1. 安装依赖
poetry install
  1. 启动服务
make run

服务现在应该正在运行,访问 http://localhost:9999/docs 查看API文档

前端

启动项目需要以下环境:

  • node v18.8.0+
  1. 进入前端目录
cd web
  1. 安装依赖(建议使用pnpm: https://pnpm.io/zh/installation)
npm i -g pnpm # 已安装可忽略
pnpm i # 或者 npm i
  1. 启动
pnpm dev

进群交流

进群的条件是给项目一个star,小小的star是作者维护下去的动力。

你可以在群里提出任何疑问,我会尽快回复答疑。

Vue FastAPI Admin Logo

Visitors Count

Loading