一飞开源，介绍创意、新奇、有趣、实用的开源应用、系统、软件、硬件及技术，一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区，共建开源新生态！

一、开源项目简介

FiveAdminV2后台管理系统前端模板

一个开箱即用的后台管理系统框架

二、开源协议

使用MIT开源协议

三、界面展示

四、功能概述

特性

开源

基于MIT协议开源，承诺无论个人学习、企业商用都可以免费使用或二次开发。（切不可用于法律不允许，违法犯罪之事。）

技术栈

基于JavaScript、Vue3、Vite5、Pinia、ElementPlus、Tailwindcss等技术栈开发。

开箱即用

集成多语言支持、菜单权限、权限指令、主题切换、mock等常用功能，轻松接入后端。

RBAC权限设计

基于RBAC的前后端权限管理方案，动态加载路由生成菜单及按钮级别的细粒度权限控制。

特色

强大的功能：

支持现代化的路由管理和导航，方便快捷地定位页面。模块化开发，可快速扩展和定制化，适应不同项目需求。内置丰富的主题和布局，为你提供丰富多样的页面展示效果。强大的数据管理与状态管理，采用 Pinia 提供可靠且高效的数据流管理。基于 ElementPlus，提供美观、易用的组件库，方便快速搭建页面。使用 Tailwindcss 作为 CSS 工具库，简化界面样式的开发与调整。‍ 简化你的开发流程：

利用 Vue3 进行开发，享受响应式的开发体验。使用 Vite5 作为开发服务器，实现更快的热重载和开发效率。使用 PNPM 管理依赖，保证项目的稳定性和可维护性的。✨ 轻松上手，高效开发，无需花费大量时间和精力，通过简单的配置即可创建出精致的管理系统。

适用于各类企业内部管理系统、后台管理系统、数据管理系统等场景。

源码没有花里胡哨的语法，所有功能的实现都是使用基础语法，更适合学习和二次开发使用，直接作为成品进行业务开发也完全没有问题。

五、技术选型

项目基于 FiveAdmin 重构。

项目技术栈：JavaScript、Vue3、Vite5、Pinia、ElementPlus、Tailwindcss 等。

快速开始

环境准备

注意

• 本地环境需要安装 Node.js、pnpm 和 Git。

• 如遇到依赖安装问题请试着将环境按照作者开发时的版本安装。

• 本项目强制使用 pnpm。如果不想使用pnpm，将 package.json 中的 scripts.preinstall 删除即可。

• 作者开发环境版本参考Node.js v20.10.0pnpm v8.13.1

开发工具

本项目使用 VsCode 作为开发工具，你可以选择自己熟悉的 IDE。

如果你也使用 VsCode 作为本项目开发工具，为了提高效率和有更好的体验，为您推荐以下插件，已在.vscode目录做了推荐配置，使用 VsCode 打开项目后会有提示是否安装。

• Iconify IntelliSense - 图标插件

• Tailwind CSS IntelliSense - windicss 提示插件

• I18n-ally - i18n 插件

• Vue3 Snippets - vue3 代码片段快速生成

• Volar - vue 开发必备

• ESLint - 代码检查

• Element Plus Snippets - ElementPlus 标签快速生成

• DotENV - .env 文件文本高亮

六、源码地址

源码下载