介绍

VueAccessControl是基于AccessControl实现的一套权纯前端的权限管理系统,旨在方便构建纯前端单面应用。组件是无侵入式的,你可以加入部分代码,就可以在你的系统中正常使用了。

如何工作?

在启动Vue应用的同时,会实例化一个VueAccessControl实例,在后续操作过程中,调用$access.setRole('administrator')或使用$access.setPermission('edit_role')再重新设置角色及权限。当然这些都是响应式的,也就是说,你的视图会随着以上变更发生变化。

功能点

  • . 鉴权:VueAccessControl提供了基本的鉴权,如$access.hasRole('administrator'),$access.can('edit_role'),$access.isLogin()及一些内置的指令及组件。
  • . 中间件:基于vue-router的事件钩子,实现了路由中间件功能,可以方便在路由中,鉴权。
  • . 事件:除了VueAccessControl提供的部分默认的事件外,你也可以把事件绑定在$access实例上。它提供了VueEventBus类似的功能。

在线预览

base access

route middleware

示例源码

base access

route middleware

TODO

  • ssr支持及完善的功能测试
  • 完善DEMO
  • 添加快速接入指南