Skip to content

为什么选择我们 ?

如果你正在做后台框架选型或调研,相信这篇介绍能帮助你快速了解 Fantastic-admin 的亮点,以及与同类型框架对比,又具备哪些优势。

长期且稳定

Fantastic-admin 自 2020/10/17 正式对外发布,截止到今天为止,已持续维护 1299 天。

2021 年底做过一次不精确统计,全网约有数千名开发者,应用在数百个项目/产品中。

简单易用

开箱即用,是我们一直在努力的方向。

事实也证明 Fantastic-admin 足够易于上手,在使用 Fantastic-admin 的开发者中,非前端开发者占据了约有一半以上的人数,它们大部分为后端 PHP/Java/.NET/GO 开发者,以及少部分学生人群。

技术栈先进

先进的技术栈能保证开发者可以使用更新的特性和语法糖去编写业务代码,Fantastic-admin 采用了目前最先进的技术栈,包括但不限于:

Vite + Vue3 + Vue-router + Pinia + UnoCSS + TypeScript

颜值在线

在保证简单易用的基础上,Fantastic-admin 参考了国内外数十款中后台,吸收其优点并进行了融合与统一,细到每一处动画效果的执行时间都经过大量反复的调试。

风格可配置

提供明亮和暗黑共计 12 款颜色主题,5 款导航栏模式,2 款导航栏填充风格,4 款导航栏激活风格和 4 款页宽模式。

通过布局与主题组合搭配,可实现数百种不同风格的界面。

UI 组件库可替换

框架默认使用了 Element Plus 作为 UI 组件库,但你也可以轻松替换成其它 UI 组件库,如下:

Ant Design VueArco Design VueNaive UI

TDesignVexip UIiDux

丰富的导航设置

对比同类产品只有几种基础的设置项,Fantastic-admin 提供了十余种设置项,可以设置导航的各种展示形态,包括但不限于标题、图标、徽标、外链、权限、缓存等。

详细可阅读《路由(导航)- 导航配置》。

导航分组

对比同类产品直接把一级路由当做主导航的方案,Fantastic-admin 则将主导航与路由进行了解耦,实现了真正意义上的主导航(即导航分组),这种模式的扩展性和维护性会更强。

页面缓存最佳方案

多级路由的页面缓存曾经是在 Vue 后台开发者圈内比较热门的话题,作者也曾参与其中,是第一批提出将多级路由转成二级路由方案的人,并在 Fantastic-admin 实践并应用,从而彻底解决多级路由在各种场景下的缓存问题。

基于文件系统的路由

摆脱传统 Vue 开发手动配置路由的过程,Fantastic-admin 支持通过文件的目录结构,自动生成路由配置,大大提高开发效率。

为什么不是它们?

作者寄语

以下整理的几款同类产品,它们不管在技术栈上、功能的丰富度上、更新维护的频率上,亦或是 star 数上,都是相对可靠的产品。

但是可靠并不一定代表好用,同样一个功能的实现,不同的产品会有不同的设计思路,这也是我认为 Fantastic-admin 在一众同类产品中,最有价值的地方。

vue-vben-admin
  • 优势
    • 示例丰富
    • 开发文档齐全
  • 劣势
    • 原作者已离开项目,目前由社区维护
    • 使用过的开发者普遍反馈封装过度,导致上手成本有点高
vue-admin-better
  • 优势
    • 示例丰富
  • 劣势
    • 开源版本功能较少
    • 开发文档需要付费加群才能查阅
    • 付费版本价格较贵
vue-pure-admin
  • 优势
    • 示例丰富
    • 开发文档齐全
    • 生态丰富,有提供 electron/tauri 支持
  • 劣势
    • 配置项较少,可定制性不高
    • 精简版本与演示版本更新不同步,且精简版本更新较慢
    • 封装的工具函数仅对核心成员开源
Naive Admin
  • 优势
    • 示例丰富
    • 提供多款 UI 组件库的版本,也有提供带后端支持的版本
  • 劣势
    • 没有提供开源版本
    • 不同 UI 组件库的版本需单独购买,且价格较贵
EleAdmin
  • 优势
    • 示例丰富
    • 提供 Element Plus 和 Ant Design Vue 两个版本
  • 劣势
    • 没有提供开源版本
    • 不同 UI 组件库的版本需单独购买,且价格较贵