你知道光是基于 Vue 的后台框架在 Github 上有多少个仓库么?

如果你搜索 vue admin 会得到 13120 个仓库,如果用 vue 后台 会得到 7596 个仓库,如果把两者结合一下,搜索 vue admin 后台 也还是能得到 2719 个(以上搜索统计截止至 2021/1/2)。

当然,如果你需要找一款后台框架用来做项目或者是产品,大概率你不会上 Github 现搜,国内有很多文章整理过值得一用的后台框架,例如 vue-element-admin 、d2-admin 、vue-antd-admin 等等,但只有这些了么?

今天,就给大家正式介绍一款值得进入你收藏夹吃灰你在 2021 年关注的后台框架:

Fantastic-admin —— 一款开箱即用的 Vue 中后台管理系统框架
为什么要用它?

后台框架这么多,Fantastic-admin 为什么值得你去了解,它又有什么亮点,下面就简单介绍一下。

Tip:以下部分介绍为专业版功能

继承自 vue-automation

我在之前的《收下这款 Vue 项目模版,它将让你的开发效率在 2021 年提高 50%》这篇文章里介绍过 vue-automation 这款 Vue 项目模版,它集成了很多不错的特性可以方便在开发中直接使用,而必备浪费太多时间,而 Fantastic-admin 也继承了大部分特性。
丰富的主题与布局
双侧边栏布局 头部导航布局 单侧边栏布局

自适应 自适应(有最小宽度) 定宽居中 定宽居中(有最大宽度)

除此之外,还提供了 5 款内置主题风格的界面可以选择
默认 Vue CLI 风格 码云风格 清新 素雅

当然,也提供的自定义配置主题的文件,可快速扩展一套自定义风格的主题。
路由导航

通过路由配置生成菜单导航是后台框架的必备功能,除此之外,路由配置还支持外链、标记、权限等功能,并且还支持无限层级的页面缓存。

关于页面缓存的问题,之前我也特别写过一篇文章叫《一劳永逸,解决基于 keep-alive 的后台多级路由缓存问题》,感兴趣的小伙伴可以前往了解。
权限验证

除了路由上的权限验证外,还分别提供了鉴权组件、鉴权指令和鉴权函数,提供全方位鉴权。
鉴权组件

页面中某个模块,当前用户具备该权限是如何显示,不具备该权限又是如何显示,针对这样的需求,框架提供了 和 组件,具体使用如下:

你有该权限 你没有该权限 你有该权限 你没有该权限 你有该权限 你没有该权限

鉴权指令

对于单个元素,也提供了 v-auth 和 v-auth-all 鉴权指令,使用上对比鉴权组件更方便,当然它能做的事情也更简单。

新增部门

新增部门
www.szjtqy.com

新增部门

鉴权函数

鉴权组件和鉴权指令控制的是页面上的元素是否展示,而鉴权函数则更多是使用在业务流程代码里的权限判断。

// 单权限验证,返回 true 或 false
this.auth(′department.create′)www.bjjszj.com//多权限验证,用户只要具备其中任何一个权限,则验证通过,返回true或falsethis.auth('department.create') www.bjjszj.com // 多权限验证,用户只要具备其中任何一个权限,则验证通过,返回 true 或 false this.auth(′department.create′)www.bjjszj.com//多权限验证,用户只要具备其中任何一个权限,则验证通过,返回true或falsethis.auth([‘department.create’, ‘department.edit’])

// 多权限验证,用户必须具备全部权限,才验证通过,返回 true 或 false
this.$authAll([‘department.create’, ‘department.edit’])

别再费劲去找后台的前端框架了,2021 年就用 Fantastic-admin 吧相关推荐

  1. Pear Admin Layui - 基于 Layui 打造的免费开源、快速、高效的中后台管理系统前端框架

    代码量少.学习简单.功能强大.轻量级.易扩展,轻松开发从现在开始. 关于 Pear Admin Layui Pear Admin Layui 是一个快速,简洁且高效的 admin 前端框架,使用 La ...

  2. easyui前端框架模板_.NET Core基于Ace Admin的响应式框架

    (给DotNet加星标,提升.Net技能) 转自:netnrcnblogs.com/netnr/p/12020660.html 前言 .NET Core的响应式框架 基于Ace Admin框架菜单导航 ...

  3. java面试换背景颜色_实习|渣二本Java菜鸡0 Offer的春招血泪史,一定要主动去找实习呀!

    作者:codingCoge 链接:https://www.nowcoder.com/discuss/177823 来源:牛客网 前言: 一个菜鸡的春招血泪史,共勉 到现在还是0offer 先玄学求一波 ...

  4. 自学WEB前端到什么程度可以去找工作?

    有的人只学到js就找到了实习的工作,有的人学了框架做了项目练习,但是基础不够扎实,一样也找不到工作. 说到底,找工作就是实力+运气.技术扎实.学历好就代表你硬实力强,你找工作就不怎么需要运气.相反,如 ...

  5. 前端学到什么水平就可以去找工作呢?

    主要是看你想去什么样的工作. 如果只是想去小公司的工作的话,简单学习 HTML + CSS + JavaScript 之后,再学些 Vue.React 的一些基础知识,简单做过一些小项目,基本就可以找 ...

  6. 在Repeater控件,Repeater1控件中都有FooterTemplate模板.但你在后台中如何去找FooterTemplate中的控件呢?...

    在Repeater控件,Repeater1控件中都有FooterTemplate模板.但你在后台中如何去找FooterTemplate中的控件呢? 如.<FooterTemplate>   ...

  7. 给失业的互联网人一个思路:别再苦苦找工作了,要去找门槛低、现金流好、天花板低、资本看不上的创业项目,一年也能几百万!...

    失业大潮中的互联网人该何去何从?这大概是许多人在难捱的深夜反复思考的问题. 一位失业很久的网友就在痛苦思索中悟出了适合自己的道路,下面分享给大家,篇幅太长,小编给大家划一下重点. 先说结论:失业的互联 ...

  8. 怎样花两年时间去面试一个人+前端开发类书籍

    怎样花两年时间去面试一个人 BY  刘未鹏 – NOVEMBER 4, 2011POSTED IN: 学习方法, 未分类, 编程 Joel Spolsky曾经感叹:招聘难,难于上青天(此处笔者稍加演绎 ...

  9. 说说程序员的核心能力:第一个三年:后台、前端、移动应用,第二个三年呢?

    转眼间,做了一年多的项目结束了.修了两天的假,等着下一个项目的开始,或许这就是身为乙方的宿命. 倘若是在自己的办公室里完成项目,那么甲方和乙方的区别怕是不大.而作为一个在客户现场工作的乙方工程师,就不 ...

  10. 如何挑选适合的前端框架(去哪儿网前端架构师司徒正美)

    前端框架不断推新,众多IT企业都面临着"如何选择框架","是否需要再造轮子"的抉择.去哪儿网前端架构师司徒正美分析了各主流行框架优劣点.适用场景,并针对不同规模 ...

最新文章

  1. AttoNets,一种新型的更快、更高效边缘计算神经网络
  2. 股票自动交易python下单接口_用 Python 写了个简单的股票量化交易框架
  3. CIKM最佳应用论文:11亿节点的大型图,看闲鱼如何用图卷积过滤垃圾评论
  4. iOS开发之多媒体播放
  5. Android10.0 startActivity启动过程
  6. 怎么把分钟转化成秒_自定义简洁大方的Latex Beamer theme(主题) 及如何用 Vim 3分钟制作一个幻灯片...
  7. 在Python中用尽量多的方法实现单例模式
  8. [Redis6]常用数据结构_Hash哈希
  9. Ajax请求利用jsonp实现跨域
  10. [原创]前端工作了一段时间经验总结,献给做前端的同学
  11. Tomcat服务器 Servlet
  12. 解决mac安装anaconda后无法在命令行调用conda,jupyter等
  13. Java 开发必备,EasyExcel 操作详解!
  14. 2021-09-14Apriori 算法是基于关联规则的高效数 据挖掘算法
  15. iar 堆栈设置_IAR开发STM32堆栈设置
  16. 转:明茨伯格:组织不需要英雄,只需要有雅量的领导
  17. 国债期货matlab,Matlab和国债期货的那些事儿~(四)——关键利率法在利率风险管理中的运用...
  18. 嵌入层(Embedding Layer)与词向量(Word Embedding)详解
  19. 虹科案例|安全性防护平台-海康威视摄像机中的重大漏洞
  20. PyQt5学习心得(五)入门提高——UI界面美化

热门文章

  1. 地图学相关知识(二)
  2. maven-replacer-plugin 静态资源打包方案js css
  3. 0704最简单的驱动hello
  4. 双系统平板电脑android升级吗,平板电脑双系统好不好 平板电脑双系统优缺点【详细介绍】...
  5. 步骤教学 :安装下载Oracle VM VirtualBox + 安装win7 win10镜像文件
  6. [转]2009年河南省高考零分作文:兔子,你就是一个傻B
  7. 用ESP8266连接 0.96寸 OLED屏幕
  8. 什么样的企业要使用360评估?
  9. 计算机科学教学指导委员会,教育部高等学校计算机专业教学指导委员会委员 徐久成教授...
  10. Mono.Cecil DefaultAssemblyResolver.Dispose