[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8811":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":15,"forks30d":15,"starsTrendScore":18,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":43,"readmeContent":44,"aiSummary":45,"trendingCount":15,"starSnapshotCount":15,"syncStatus":18,"lastSyncTime":46,"discoverSource":47},8811,"vue-fastapi-admin","mizhexiaoxiao\u002Fvue-fastapi-admin","mizhexiaoxiao","⭐️ 基于 FastAPI+Vue3+Naive UI 的现代化轻量管理平台 A modern and lightweight management platform based on FastAPI, Vue3, and Naive UI.","http:\u002F\u002F47.111.145.81:3000",null,"Vue",2159,404,13,0,7,46,2,67.92,"MIT License",false,"main",true,[25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"admin","fastapi","fastapi-admin","fastapi-vue-admin","fastapi-vuejs-template","jwt","naive-ui","naive-ui-admin","pinia","pydantic","pydantic-v2","python","swaager","tortoise-orm","vite","vue","vue-admin","vue3","2026-06-12 04:00:41","\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\">\n    \u003Cimg alt=\"Vue FastAPI Admin Logo\" width=\"200\" src=\"https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\u002Fblob\u002Fmain\u002Fdeploy\u002Fsample-picture\u002Flogo.svg\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">vue-fastapi-admin\u003C\u002Fh1>\n\n[English](.\u002FREADME-en.md) | 简体中文\n\n基于 FastAPI + Vue3 + Naive UI 的现代化前后端分离开发平台，融合了 RBAC 权限管理、动态路由和 JWT 鉴权，助力中小型应用快速搭建，也可用于学习参考。\n\n### 特性\n- **最流行技术栈**：基于 Python 3.11 和 FastAPI 高性能异步框架，结合 Vue3 和 Vite 等前沿技术进行开发，同时使用高效的 npm 包管理器 pnpm。\n- **代码规范**：项目内置丰富的规范插件，确保代码质量和一致性，有效提高团队协作效率。\n- **动态路由**：后端动态路由，结合 RBAC（Role-Based Access Control）权限模型，提供精细的菜单路由控制。\n- **JWT鉴权**：使用 JSON Web Token（JWT）进行身份验证和授权，增强应用的安全性。\n- **细粒度权限控制**：实现按钮和接口级别的权限控制，确保不同用户或角色在界面操作和接口访问时具有不同的权限限制。\n\n### 在线预览\n- [http:\u002F\u002F47.111.145.81:3000](http:\u002F\u002F47.111.145.81:3000)\n- username: admin\n- password: 123456\n\n### 登录页\n\n![image](https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\u002Fblob\u002Fmain\u002Fdeploy\u002Fsample-picture\u002Flogin.jpg)\n### 工作台\n\n![image](https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\u002Fblob\u002Fmain\u002Fdeploy\u002Fsample-picture\u002Fworkbench.jpg)\n\n### 用户管理\n\n![image](https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\u002Fblob\u002Fmain\u002Fdeploy\u002Fsample-picture\u002Fuser.jpg)\n### 角色管理\n\n![image](https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\u002Fblob\u002Fmain\u002Fdeploy\u002Fsample-picture\u002Frole.jpg)\n\n### 菜单管理\n\n![image](https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\u002Fblob\u002Fmain\u002Fdeploy\u002Fsample-picture\u002Fmenu.jpg)\n\n### API管理\n\n![image](https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\u002Fblob\u002Fmain\u002Fdeploy\u002Fsample-picture\u002Fapi.jpg)\n\n### 快速开始\n#### 方法一：dockerhub拉取镜像\n\n```sh\ndocker pull mizhexiaoxiao\u002Fvue-fastapi-admin:latest \ndocker run -d --restart=always --name=vue-fastapi-admin -p 9999:80 mizhexiaoxiao\u002Fvue-fastapi-admin\n```\n\n#### 方法二：dockerfile构建镜像\n##### docker安装(版本17.05+)\n\n```sh\nyum install -y docker-ce\nsystemctl start docker\n```\n\n##### 构建镜像\n\n```sh\ngit clone https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin.git\ncd vue-fastapi-admin\ndocker build --no-cache . -t vue-fastapi-admin\n```\n\n##### 启动容器\n\n```sh\ndocker run -d --restart=always --name=vue-fastapi-admin -p 9999:80 vue-fastapi-admin\n```\n\n##### 访问\n\nhttp:\u002F\u002Flocalhost:9999\n\nusername：admin\n\npassword：123456\n\n### 本地启动\n#### 后端\n启动项目需要以下环境：\n- Python 3.11\n\n#### 方法一（推荐）：使用 uv 安装依赖\n1. 安装 uv\n```sh\npip install uv\n```\n\n2. 创建并激活虚拟环境\n```sh\nuv venv\nsource .venv\u002Fbin\u002Factivate  # Linux\u002FMac\n# 或\n.\\.venv\\Scripts\\activate  # Windows\n```\n\n3. 安装依赖\n```sh\nuv add pyproject.toml\n```\n\n4. 启动服务\n```sh\npython run.py\n```\n\n#### 方法二：使用 Pip 安装依赖\n1. 创建虚拟环境\n```sh\npython3 -m venv venv\n```\n\n2. 激活虚拟环境\n```sh\nsource venv\u002Fbin\u002Factivate  # Linux\u002FMac\n# 或\n.\\venv\\Scripts\\activate  # Windows\n```\n\n3. 安装依赖\n```sh\npip install -r requirements.txt -i https:\u002F\u002Fpypi.tuna.tsinghua.edu.cn\u002Fsimple\n```\n\n4. 启动服务\n```sh\npython run.py\n```\n\n服务现在应该正在运行，访问 http:\u002F\u002Flocalhost:9999\u002Fdocs 查看API文档\n\n#### 前端\n启动项目需要以下环境：\n- node v18.8.0+\n\n1. 进入前端目录\n```sh\ncd web\n```\n\n2. 安装依赖(建议使用pnpm: https:\u002F\u002Fpnpm.io\u002Fzh\u002Finstallation)\n```sh\nnpm i -g pnpm # 已安装可忽略\npnpm i # 或者 npm i\n```\n\n3. 启动\n```sh\npnpm dev\n```\n\n### 目录说明\n\n```\n├── app                   \u002F\u002F 应用程序目录\n│   ├── api               \u002F\u002F API接口目录\n│   │   └── v1            \u002F\u002F 版本1的API接口\n│   │       ├── apis      \u002F\u002F API相关接口\n│   │       ├── base      \u002F\u002F 基础信息接口\n│   │       ├── menus     \u002F\u002F 菜单相关接口\n│   │       ├── roles     \u002F\u002F 角色相关接口\n│   │       └── users     \u002F\u002F 用户相关接口\n│   ├── controllers       \u002F\u002F 控制器目录\n│   ├── core              \u002F\u002F 核心功能模块\n│   ├── log               \u002F\u002F 日志目录\n│   ├── models            \u002F\u002F 数据模型目录\n│   ├── schemas           \u002F\u002F 数据模式\u002F结构定义\n│   ├── settings          \u002F\u002F 配置设置目录\n│   └── utils             \u002F\u002F 工具类目录\n├── deploy                \u002F\u002F 部署相关目录\n│   └── sample-picture    \u002F\u002F 示例图片目录\n└── web                   \u002F\u002F 前端网页目录\n    ├── build             \u002F\u002F 构建脚本和配置目录\n    │   ├── config        \u002F\u002F 构建配置\n    │   ├── plugin        \u002F\u002F 构建插件\n    │   └── script        \u002F\u002F 构建脚本\n    ├── public            \u002F\u002F 公共资源目录\n    │   └── resource      \u002F\u002F 公共资源文件\n    ├── settings          \u002F\u002F 前端项目配置\n    └── src               \u002F\u002F 源代码目录\n        ├── api           \u002F\u002F API接口定义\n        ├── assets        \u002F\u002F 静态资源目录\n        │   ├── images    \u002F\u002F 图片资源\n        │   ├── js        \u002F\u002F JavaScript文件\n        │   └── svg       \u002F\u002F SVG矢量图文件\n        ├── components    \u002F\u002F 组件目录\n        │   ├── common    \u002F\u002F 通用组件\n        │   ├── icon      \u002F\u002F 图标组件\n        │   ├── page      \u002F\u002F 页面组件\n        │   ├── query-bar \u002F\u002F 查询栏组件\n        │   └── table     \u002F\u002F 表格组件\n        ├── composables   \u002F\u002F 可组合式功能块\n        ├── directives    \u002F\u002F 指令目录\n        ├── layout        \u002F\u002F 布局目录\n        │   └── components \u002F\u002F 布局组件\n        ├── router        \u002F\u002F 路由目录\n        │   ├── guard     \u002F\u002F 路由守卫\n        │   └── routes    \u002F\u002F 路由定义\n        ├── store         \u002F\u002F 状态管理(pinia)\n        │   └── modules   \u002F\u002F 状态模块\n        ├── styles        \u002F\u002F 样式文件目录\n        ├── utils         \u002F\u002F 工具类目录\n        │   ├── auth      \u002F\u002F 认证相关工具\n        │   ├── common    \u002F\u002F 通用工具\n        │   ├── http      \u002F\u002F 封装axios\n        │   └── storage   \u002F\u002F 封装localStorage和sessionStorage\n        └── views         \u002F\u002F 视图\u002F页面目录\n            ├── error-page \u002F\u002F 错误页面\n            ├── login      \u002F\u002F 登录页面\n            ├── profile    \u002F\u002F 个人资料页面\n            ├── system     \u002F\u002F 系统管理页面\n            └── workbench  \u002F\u002F 工作台页面\n```\n\n### 进群交流\n进群的条件是给项目一个star，小小的star是作者维护下去的动力。\n\n你可以在群里提出任何疑问，我会尽快回复答疑。\n\n\u003Cimg width=\"300\" src=\"https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\u002Fblob\u002Fmain\u002Fdeploy\u002Fsample-picture\u002Fgroup.jpg\">\n\n## 打赏\n如果项目有帮助到你，可以请作者喝杯咖啡~\n\n\u003Cdiv style=\"display: flex\">\n    \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\u002Fblob\u002Fmain\u002Fdeploy\u002Fsample-picture\u002F1.jpg\" width=\"300\">\n    \u003Cimg src=\"https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\u002Fblob\u002Fmain\u002Fdeploy\u002Fsample-picture\u002F2.jpg\" width=\"300\">\n\u003C\u002Fdiv>\n\n## 定制开发\n如果有基于该项目的定制需求或其他合作，请添加下方微信，备注来意\n\n\u003Cimg width=\"300\" src=\"https:\u002F\u002Fgithub.com\u002Fmizhexiaoxiao\u002Fvue-fastapi-admin\u002Fblob\u002Fmain\u002Fdeploy\u002Fsample-picture\u002F3.jpg\">\n\n### Visitors Count\n\n\u003Cimg align=\"left\" src = \"https:\u002F\u002Fprofile-counter.glitch.me\u002Fvue-fastapi-admin\u002Fcount.svg\" alt=\"Loading\">\n","vue-fastapi-admin 是一个基于 FastAPI、Vue3 和 Naive UI 的现代化轻量管理平台。该项目集成了 RBAC 权限管理、动态路由和 JWT 鉴权等核心功能，支持前后端分离开发模式。它采用了最流行的技术栈，包括 Python 3.11 和 FastAPI 高性能异步框架，以及 Vue3 和 Vite 等前端技术，并使用 pnpm 进行高效的包管理。内置丰富的代码规范插件确保了代码质量和一致性，有助于提高团队协作效率。该平台适用于需要快速搭建中小型管理系统的企业或个人开发者，也适合学习参考。","2026-06-11 03:19:51","top_language"]