<p align="center">
  <img src="https://hooray.gitee.io/fantastic-admin/logo.png" width="200" height="200" />
</p>

<h1 align="center">Fantastic-admin</h1>

<p align="center">一款<b>开箱即用</b>的 Vue 中后台管理系统框架</p>

<p align="center">
  <a href="https://hooray.gitee.io/fantastic-admin" target="_blank">官网</a>
  ( <a href="https://hooray.github.io/fantastic-admin" target="_blank">备用</a> )
  <span>&nbsp;|&nbsp;</span>
  演示
  ( <a href="https://hooray.gitee.io/fantastic-admin-example" target="_blank">基础版</a>
  <a href="https://hooray.gitee.io/fantastic-admin-pro-example" target="_blank">专业版</a> )
  <span>&nbsp;|&nbsp;</span>
  <a href="https://hooray.gitee.io/fantastic-admin/support.html" target="_blank">技术支持</a>
  <span>&nbsp;|&nbsp;</span>
  <a href="https://hooray.gitee.io/fantastic-admin/buy.html" target="_blank">购买</a>
<p>

<p align="center">
  <a href="###"><img src="https://img.shields.io/github/license/hooray/fantastic-admin?label=%E5%BC%80%E6%BA%90%E5%8D%8F%E8%AE%AE&style=flat-square" /></a>
  <a href="https://github.com/hooray/fantastic-admin/releases" target="_blank"><img src="https://img.shields.io/github/v/release/hooray/fantastic-admin?label=%E5%BD%93%E5%89%8D%E7%89%88%E6%9C%AC&style=flat-square" /></a>
</p>

## 特点

- 丰富的布局与主题，覆盖市面上各种中后台应用场景，兼容PC、平板和移动端
- 提供系统配置文件，轻松实现个性化定制
- 精心设计的动效，让每一处的动画都干净利落
- 根据路由配置自动生成导航栏
- 基于文件系统的路由
- 支持全方位权限验证
- 内置多级路由最佳缓存方案
- 轻松实现国际化多语言适配
- 提供接近于浏览器原生标签栏操作体验的标签页功能

## 分支说明

- `master` Vue3 版本框架源码分支，不含示例代码，可直接用于实际开发
- `example` Vue3 版本演示源码分支，同线上演示站，包含大量示例，可用于参考学习
- `vue2` Vue2 版本框架源码分支，不含示例代码，可直接用于实际开发（停止维护）
- `vue2-example` Vue2 版本演示源码分支，包含大量示例，可用于参考学习（停止维护）

如果你更注重使用时的稳定性，推荐去 [Github Releases](https://github.com/hooray/fantastic-admin/releases) 页面下载最新稳定版本的压缩包。

## 预览

> 预览截图为 Vue3 专业版

<table>
  <tr>
    <td><img src="https://hooray.gitee.io/fantastic-admin/preview1.png" /></td>
    <td><img src="https://hooray.gitee.io/fantastic-admin/preview2.png" /></td>
    <td><img src="https://hooray.gitee.io/fantastic-admin/preview3.png" /></td>
  </tr>
  <tr>
    <td><img src="https://hooray.gitee.io/fantastic-admin/preview4.png" /></td>
    <td><img src="https://hooray.gitee.io/fantastic-admin/preview5.png" /></td>
    <td><img src="https://hooray.gitee.io/fantastic-admin/preview6.png" /></td>
  </tr>
</table>

## 支持

如果觉得 Fantastic-admin 这个框架不错，或者已经在使用了，希望你可以在 **Github** 或者 **Gitee(码云)** 帮我点个 ⭐ ，这将对我是极大的鼓励。

[![star](https://img.shields.io/github/stars/hooray/fantastic-admin?style=social)](https://github.com/hooray/fantastic-admin/stargazers)

[![star](https://gitee.com/hooray/fantastic-admin/badge/star.svg?theme=dark)](https://gitee.com/hooray/fantastic-admin/stargazers)

## 生态

<table>
  <tr>
    <th colspan="3" align="center">
      <a href="https://hooray.gitee.io/fantastic-startkit/" target="_blank">Fantastic-startkit</a>
    </th>
  </tr>
  <tr>
    <th colspan="3" align="center">
      一款开箱即用的 Vue 项目启动套件
    </th>
  </tr>
</table>

<table>
  <tr>
    <th colspan="3" align="center">
      <a href="https://hooray.gitee.io/one-step-admin/" target="_blank">One-step-admin</a>
    </th>
  </tr>
  <tr>
    <th colspan="3" align="center">
      一款干啥都快人一步的 Vue 中后台管理系统框架
    </th>
  </tr>
  <tr>
    <td><img src="https://hooray.gitee.io/one-step-admin/preview1.png" /></td>
    <td><img src="https://hooray.gitee.io/one-step-admin/preview2.png" /></td>
    <td><img src="https://hooray.gitee.io/one-step-admin/preview3.png" /></td>
  </tr>
  <tr>
    <td><img src="https://hooray.gitee.io/one-step-admin/preview4.png" /></td>
    <td><img src="https://hooray.gitee.io/one-step-admin/preview5.png" /></td>
    <td><img src="https://hooray.gitee.io/one-step-admin/preview6.png" /></td>
  </tr>
</table>
