(开源)都进来!简单易懂、功能强大的权限+可视化流程管理系统
1、预览地址:http://139.155.137.144:9012
2、qq群:801913255
一、前言
随着网络的发展,企业对于信息系统数据的保密工作愈发重视,不同身份、角色对于数据的访问权限都应该大相径庭。
列如
1、不同登录人员对一个数据列表的可见度是不一样的,如数据列、数据行、数据按钮等都可能不太一样。
2、表单的灵活设计及呈现。
3、流程的灵活设计及呈现。
4、接口的调用信息者及性能监控。
5、等等。
对于以上等功能,如果要做出一套完整且灵活的权限管理系统,实属不易。
而接下来作者要介绍的“OverallAuth”权限管理系统,可以说是最全面和最好用的权限管理系统。
说明:这篇文章作者会把完成“OverallAuth”系统的技术选型和大致设计思路一一分享给大家。文章较长请大家耐心看完,在文章的最后有项目的预览地址。
二、目录
三、主要技术选择
4、功能介绍及设计简述
4.1 菜单设计
菜单设计非常简单,就是普通的树形结构,但作者依赖于layui vue 强大的功能结构,在此基础上对每个菜单设计了一个重定向和菜单是否启用的开关。
说明:菜单是否启用的存在,可以精准的控制,每个菜单在什么时候开启,什么关闭(配合任务调度)。这样可以针对性调整用户在什么时候拥有什么样的菜单(比如说用于活动页面,在活动结束后,可以立马关闭),大大减低了维护成本。
如图:
4.2 角色管理
角色对于任何一个系统来说都是重中之重,本系统当然也不例外。
“OverallAuth”系统的角色几乎覆盖了所有功能,按钮、菜单、用户、数据行、数据列、流程、表单等。所以在设计方面,我分别建立了以下关系,角色和按钮、角色和菜单、角色和用户、角色和数列等。以便灵活且高效的控制系统中的任何一个功能。
当然角色也不是万能的,对于更加细致化的控制,角色也有过于“拥挤”的时候,所以在“OverallAuth”系统中,作者还加入了一些规则以便更加细致的控制每个模块。
4.3 用户管理
之前也说到,角色和用户存在关系,以便控制用户的菜单权限等,这和一般的权限管理系统基本一致,但本“OverallAuth”系统作为一个灵活且好用的权限管理系统,作者在这上面下了一定功夫,引入了“用户组”等概念。简单来说就是一个用户可以拥有多种角色,角色之间是互补状态。
4.4 按钮样式
在一个系统中,操作按钮是必不可少的,它们的样式也大相径庭,所以作者设计了自定义按钮样式功能,如图:
该功能可以控制系统中任何一个按钮的样式,从而做到实时改变每个按钮样式。
4.5 按钮列表
在拥有自定义按钮样式后,当然要把样式运用到每个按钮之上,所以作者做了一个系统列表,来控制每个功能的按钮样式和按钮事件及按钮名称等,如图:
为了高效的开发,作者对按钮控制写了一套模版,开发者只需要在有使用按钮的地方,加入模版便能够得到相应的按钮。
4.5 菜单权限、按钮权限
菜单权限和按钮权限,又称“功能级权限”,这是大多数系统都拥有的功能,它的实现方式也很简单,就是每个菜单、按钮都可以通过角色来设置用户的可操作“单元”。如图:
“功能级权限”对于一般系统来说已经足够,但对于要求较高的系统来说还远远不够。所以作者编写出了一套能高效控制“数据列”、“数据行”的功能级权限管理。
4.6 显示列设置
在说如何控制“数据列”权限前,我想先说说数据列的动态获取,只有掌握了需要显示的数据列,才能有效的控制它。
在webapi中,作者写了一个接口(通过反射),以便获取所有需要显示的数据列。其中包括字段、字段类型、字段描述等信息。并且在此基础上可以编辑改变字段显示的名称、宽度、排序方式、对齐方式、插槽、是否行权限字段等信息。如图
在上述图片中,可以看到有一个“同步属性”的按钮,只要返回字段有变动,便会自动同步其变动信息,使其作用到系统每一个显示的地方,让开发更便捷。
4.7 数据列权限
什么是数据列权限,举一个简单的列子。
人员A和人员B都有一个“员工信息”的列表。其中“员工信息”中有一列为“工资”的数据。为了工资保密,员工A有查看人员工资的权限,员工B没有查看权限,那么就需要数据列权限。
而作者在“OverallAuth”系统中,结合4.6 显示列设置 这一功能,完成了这一功能,且能很灵活的控制每个模块列的显示情况。如图所示:
下面是admin和张三两个用户数据列的对比图
4.8 数据行权限
对于数据行权限,作者使用动态解析的方式,写了一套数据行权限的解析规则(把界面上选择要建立规则的字段,动态解析成程序能识别的代码)。可以灵活的设置数据的显示规则。如图所示
通过上述图片可以看到,设置规则后,同一个用户列表,同一个登录人,只能看到符合规则的数据。
关注我:一个全栈多端的宝藏博主,定时分享技术文章,不定时分享开源项目。关注我,带你认识不一样的程序世界