[发明专利]一种前端元素的权限控制方法、装置、存储介质和设备

说明书

本申请公开了一种前端元素的权限控制方法、装置、存储介质和设备，在检测到用户使用角色登录系统的情况下，获取与角色对应的权限信息。在检测到用户对前端元素进行访问的情况下，获取针对前端元素预先设置的自定义标签，并通过自定义标签的属性，获得请求信息。在权限信息所示的各个请求路径中，包含请求信息所示的请求路径，且请求信息所示的请求参数，与权限信息所示的请求参数匹配的情况下，控制前端元素显示目标功能。在权限信息所示的各个请求路径中，不包含请求信息所示的请求路径的情况下，隐藏前端元素。本申请所示方法，控制了前端元素的显示，支持参数级权限验证，权限验证通过时，控制前端元素显示目标功能，极大提升了用户体验。

技术领域

本申请涉及互联网技术领域，尤其涉及一种前端元素的权限控制方法、装置、存储介质和设备。

背景技术

现有的系统通常都需要账号密码进行登录，每个账号还可以细分为多个角色，以便用户使用不同角色登录系统。为了保障用户与企业的利益，每个角色都设置有相应权限，因保证不同权限的角色所访问的内容不同。

目前，用户通过前端页面点击前端元素(例如按钮和链接)进行访问时，系统后台会验证用户当前所使用角色的权限，若用户当前使用的角色无权限，则直接提示用户没有权限访问，然而，直接提示用户没有权限访问，会使得用户体验大大下降。

发明内容

本申请提供了一种前端元素的权限控制方法、装置、存储介质和设备，目的在于提高用户体验。

为了实现上述目的，本申请提供了以下技术方案：

一种前端元素的权限控制方法，包括：

在检测到用户使用角色登录系统的情况下，获取与所述角色对应的权限信息；所述权限信息基于与所述角色对应的资源集合中每个资源的请求路径和请求参数所生成；

在检测到所述用户对前端元素进行访问的情况下，获取针对所述前端元素预先设置的自定义标签，并通过所述自定义标签的属性，获得请求信息；所述请求信息用于指示待请求资源的请求路径和请求参数；

判断所述权限信息所示的各个请求路径中，是否包含所述请求信息所示的请求路径；

在所述权限信息所示的各个请求路径中，包含所述请求信息所示的请求路径的情况下，判断所述请求信息所示的请求参数，与所述权限信息所示的请求参数是否匹配；

在所述请求信息所示的请求参数，与所述权限信息所示的请求参数匹配的情况下，控制所述前端元素显示目标功能；所述目标功能为所示请求信息所示的请求参数所实现的功能；

在所述请求信息所示的请求参数，与所述权限信息所示的请求参数不匹配的情况下，控制所述前端元素隐藏所述目标功能；

在所述权限信息所示的各个请求路径中，不包含所述请求信息所示的请求路径的情况下，隐藏所述前端元素。

可选的，所述权限信息基于与所述角色对应的资源集合中每个资源的请求路径和请求参数所生成，包括：

创建与所述角色对应的authMap对象；

获取与所述角色对应的资源集合；

针对所述资源集合中的每个资源，将所述资源解析为Map结构，得到与每个所述资源对应的键值对，并将与每个所述资源对应的键值对，写入到所述authMap对象，得到赋值后的authMap对象；

将所述赋值后的authMap对象，作为与所述角色对应的权限信息。

可选的，所述将所述资源解析为Map结构，包括：

针对所述资源的每个请求参数，创建与每个所述请求参数对应的实体；

将所述资源的权限标识和资源id，写入到各个所述实体中；