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

说明书

本公开提供了一种应用于前端的用于控制页面元素的显示权限的方法和装置，可以应用于金融科技技术领域。所述方法包括：接收用于访问目标页面的用户操作；响应于所述用户操作，从后端获取所述目标页面的原始页面、所述目标页面的标识信息以及所述前端中当前登录用户使用的当前角色；在对所述原始页面进行渲染之前，基于所述标识信息和所述当前角色，从所述后端获取用户权限列表；以及在对所述原始页面进行渲染时，基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏。本公开提供了一种应用于后端的用于控制页面元素的显示权限的方法和装置，以及相应的系统、设备、存储介质和程序产品。

技术领域

本公开涉及互联网技术领域，可用于金融科技领域，更具体地涉及一种用于控制页面元素的显示权限的方法、装置、系统、设备、介质和程序产品。

背景技术

前后端分离的架构下，互联网应用中系统不同角色在查看同一页面元素时显示不同的数据的需求越来越大。尤其是存在上下级管理等树级结构的权限角色时，对于同一页面展示的数据控制有更强的显示需求。相关技术中通常会针对不同的角色开发不同的前端页面，这样导致开发重复度高，效率较低，灵活性较差。

发明内容

鉴于上述问题，本公开提供了避免重复开发网页的用于控制页面元素的显示权限的方法、装置、设备、介质和程序产品。

本公开实施例的第一方面，提供了一种用于控制页面元素的显示权限的方法，应用于前端。所述方法包括：接收用于访问目标页面的用户操作；响应于所述用户操作，从后端获取所述目标页面的原始页面、所述目标页面的标识信息以及所述前端中当前登录用户使用的当前角色；在对所述原始页面进行渲染之前，基于所述标识信息和所述当前角色，从所述后端获取用户权限列表；其中，所述用户权限列表用于限定所述目标页面中需要权限控制的元素在所述当前角色下显示或隐藏的权限信息；以及在对所述原始页面进行渲染时，基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏。

根据本公开的实施例，所述基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏包括：以所述需要权限控制的元素中每个元素作为所述前端的自定义标签的入参，利用所述自定义标签遍历所述元素权限信息列表，得到每个元素的显示或隐藏的权限信息；以及在对所述原始页面进行渲染时，基于每个元素的显示或隐藏的权限信息在所述前端中显示或隐藏该元素。

根据本公开的实施例，所述原始页面为采用VUE框架开发的前端页面，所述自定义标签为VUE自定义标签。

本公开实施例的第二方面，提供了一种用于控制页面元素显示权限的方法，应用于后端。所述方法包括：接收前端请求，所述前端请求包括前端所请求的目标页面的标识信息以及所述前端中当前登录用户使用的当前角色；基于所述标识信息，查找与所述目标页面对应的元素权限信息，所述元素权限信息用于限定所述目标页面中需要权限控制的元素在不用角色下显示或隐藏的权限配置信息；基于所述当前角色与所述元素权限信息中的角色匹配和组装，获得所述用户权限列表，所述用户权限列表用于限定所述需要权限控制的元素在所述当前角色下显示或隐藏的权限；以及将所述用户权限列表反馈给所述前端，以使所述前端基于所述基于所述用户权限列表，控制所述需要权限控制的元素的显示或隐藏。

根据本公开的实施例，所述方法还包括：预先设置所述元素权限信息。

本公开实施例的第三方面，提供了一种用于控制页面元素的显示权限的前端装置。所述前端装置包括第一接收模块、第一获取模块、第二获取模块、以及显示控制模块。第一接收模块用于接收用于访问目标页面的用户操作。第一获取模块用于响应于所述用户操作，从后端获取所述目标页面的原始页面、所述目标页面的标识信息以及所述前端中当前登录用户使用的当前角色。第二获取模块用于在对所述原始页面进行渲染之前，基于所述标识信息和所述当前角色，从所述后端获取用户权限列表；其中，所述用户权限列表用于限定所述目标页面中需要权限控制的元素在所述当前角色下显示或隐藏的权限信息。显示控制模块用于在对所述原始页面进行渲染时，基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏。