[发明专利]用于控制页面元素的显示权限的方法、装置、设备及介质

权利要求书

1.一种用于控制页面元素的显示权限的方法，应用于前端，其中，所述方法包括：

接收用于访问目标页面的用户操作；

响应于所述用户操作，从后端获取所述目标页面的原始页面、所述目标页面的标识信息以及所述前端中当前登录用户使用的当前角色；

在对所述原始页面进行渲染之前，基于所述标识信息和所述当前角色，从所述后端获取用户权限列表；其中，所述用户权限列表用于限定所述目标页面中需要权限控制的元素在所述当前角色下显示或隐藏的权限信息；以及

在对所述原始页面进行渲染时，基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏。

2.根据权利要求1所述的方法，其中，所述基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏包括：

以所述需要权限控制的元素中每个元素作为所述前端的自定义标签的入参，利用所述自定义标签遍历所述元素权限信息列表，得到每个元素的显示或隐藏的权限信息；以及

在对所述原始页面进行渲染时，基于每个元素的显示或隐藏的权限信息在所述前端中显示或隐藏该元素。

3.根据权利要求2所述的方法，其中，所述原始页面为采用VUE框架开发的前端页面，所述自定义标签为VUE自定义标签。

4.一种用于控制页面元素显示权限的方法，应用于后端，其中，所述方法包括：

接收前端请求，所述前端请求包括前端所请求的目标页面的标识信息以及所述前端中当前登录用户使用的当前角色；

基于所述标识信息，查找与所述目标页面对应的元素权限信息，所述元素权限信息用于限定所述目标页面中需要权限控制的元素在不用角色下显示或隐藏的权限配置信息；

基于所述当前角色与所述元素权限信息中的角色匹配和组装，获得所述用户权限列表，所述用户权限列表用于限定所述需要权限控制的元素在所述当前角色下显示或隐藏的权限；以及

将所述用户权限列表反馈给所述前端，以使所述前端基于所述基于所述用户权限列表，控制所述需要权限控制的元素的显示或隐藏。

5.根据权利要求4所述的方法，其中，所述方法还包括：

预先设置所述元素权限信息。

6.一种用于控制页面元素的显示权限的前端装置，其中，所述前端装置包括：

第一接收模块，用于接收用于访问目标页面的用户操作；

第一获取模块，用于响应于所述用户操作，从后端获取所述目标页面的原始页面、所述目标页面的标识信息以及所述前端中当前登录用户使用的当前角色；

第二获取模块，用于在对所述原始页面进行渲染之前，基于所述标识信息和所述当前角色，从所述后端获取用户权限列表；其中，所述用户权限列表用于限定所述目标页面中需要权限控制的元素在所述当前角色下显示或隐藏的权限信息；以及

显示控制模块，用于在对所述原始页面进行渲染时，基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏。

7.一种用于控制页面元素的显示权限的的后端装置，其中，所述后端装置包括：

第二接收模块，用于接收前端请求，所述前端请求包括前端所请求的目标页面的标识信息以及所述前端中当前登录用户使用的当前角色；

查找模块，用于基于所述标识信息，查找与所述目标页面对应的元素权限信息，所述元素权限信息用于限定所述目标页面中需要权限控制的元素在不用角色下显示或隐藏的权限配置信息；

匹配组装模块，用于基于所述当前角色与所述元素权限信息中的角色匹配和组装，获得所述用户权限列表，所述用户权限列表用于限定所述需要权限控制的元素在所述当前角色下显示或隐藏的权限；以及

发送模块，用于将所述用户权限列表反馈给所述前端，以使所述前端基于所述基于所述用户权限列表，控制所述需要权限控制的元素的显示或隐藏。

8.一种用于控制页面元素的显示权限的系统，包括：

根据权利要求6所述的前端装置，设置于前端；以及

根据权利要求7所述的后端装置，设置于后端；

所述前端和所述后端通信连接。