前言你知道基于Vue的后台框架在Github上有多少仓库吗？如果搜索vueadmin，会得到13120个仓库，如果使用vue后台，会得到7596个仓库。如果将两者结合起来，搜索vueadmin后台仍然可以得到2719（以上搜索统计截至2021/1/2）。当然，如果你需要找一个后台框架用于项目或产品，你现在可能不会去Github上搜索。国内有很多文章整理了值得使用的后台框架，比如vue-element-admin、d2-admin、vue-antd-admin等，但是仅此而已吗？今天正式给大家介绍一款值得入收藏夹吃灰的2021年值得关注的后台框架：Fantastic-admin——开箱即用的Vue中后台管理系统框架.为什么要使用它？后台框架那么多，为什么Fantastic-admin值得你关注，它有哪些亮点？这里简单介绍一下。提示：以下部分介绍继承自vue-automation的专业版功能。我在之前的文章《收下这款 Vue 项目模版，它将让你的开发效率在 2021 年提高 50%》中介绍了vue-automation这个Vue项目模板。它集成了很多不错的特性，可以直接用于开发，而且肯定浪费了太多时间，而且Fantastic-admin也继承了大部分的特性。丰富的主题和布局双侧边栏布局Header导航布局单侧边栏布局Adaptiveadaptive(withminimumwidth)固定宽度居中fixedwidthcentered(withmaximumwidth)此外，它还提供了5种内置的主题风格界面，可以选择默认的VueCLI风格码云风格清新优雅当然也提供自定义Configuretheme文件快速扩展出一套自定义风格的主题路由导航，通过路由配置生成菜单导航是后台框架必不可少的功能，此外路由配置还支持外链、标签、权限等功能，并且还支持无限级的页面缓存，关于页面缓存的问题，我之前也专门写过篇《一劳永逸，解决基于 keep-alive 的后台多级路由缓存问题》的，有兴趣的朋友可以去了解下，除了路由上的授权验证，授权验证还提供引入认证组件、认证指令和认证函数，提供全面的认证。对于认证组件页面中的一个模块，当前用户有权限如何显示，没有权限如何显示。为了满足这样的需求，框架提供了和组件。具体用法如下：你有权限你没有权限YouhavethispermissionYoudonothavethispermission你有这个权限你没有这个权限认证指令也为单个元素提供了v-auth和v-auth-all认证指令，使用起来比认证组件更方便，当然它能做的事情也更简单。添加新部门添加新部门添加新部门认证功能认证组件和认证指令控制页面上的元素是否显示，认证功能在业务流程代码中更多的用于判断权限。//单权限认证，returntrueorfalsethis.$auth('department.create')//多权限认证，只要用户拥有其中任一权限，认证通过，returntrueorfalsethis.$auth(['department.create')create','department.edit'])//多权限认证，用户必须拥有所有权限才能通过认证，返回true或falsethis.$authAll(['department.create','department.edit'])multi-page(Tabtabbar)虽然个人觉得这个功能比较鸡肋，实际效果体验还不如浏览器原生的tabbar，但是这个功能我们一定要有.而且在我看来，这个功能几乎秒杀了其他同类框架。我们用一张简单的图来说明一下：国际化支持当然少不了。默认提供三种语言包：简体中文、繁体中文和英文。.最后，除了上面的介绍，它还支持mock、CDN、GZip等特性，就不一一详细介绍了。欢迎有兴趣的小伙伴进一步了解和使用Fantastic-admin
