用于控制页面元素的显示权限的方法、装置、设备及介质制造方法及图纸

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

【技术实现步骤摘要】
用于控制页面元素的显示权限的方法、装置、设备及介质


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

技术介绍

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

技术实现思路

[0003]鉴于上述问题，本公开提供了避免重复开发网页的用于控制页面元素的显示权限的方法、装置、设备、介质和程序产品。
[0004]本公开实施例的第一方面，提供了一种用于控制页面元素的显示权限的方法，应用于前端。所述方法包括：接收用于访问目标页面的用户操作；响应于所述用户操作，从后端获取所述目标页面的原始页面、所述目标页面的标识信息以及所述前端中当前登录用户使用的当前角色；在对所述原始页面进行渲染之前，基于所述标识信息和所述当前角色，从所述后端获取用户权限列表；其中，所述用户权限列表用于限定所述目标页面中需要权限控制的元素在所述当前角色下显示或隐藏的权限信息；以及在对所述原始页面进行渲染时，基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏。
[0005]根据本公开的实施例，所述基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏包括：以所述需要权限控制的元素中每个元素作为所述前端的自定义标签的入参，利用所述自定义标签遍历所述元素权限信息列表，得到每个元素的显示或隐藏的权限信息；以及在对所述原始页面进行渲染时，基于每个元素的显示或隐藏的权限信息在所述前端中显示或隐藏该元素。
[0006]根据本公开的实施例，所述原始页面为采用VUE框架开发的前端页面，所述自定义标签为VUE自定义标签。
[0007]本公开实施例的第二方面，提供了一种用于控制页面元素显示权限的方法，应用于后端。所述方法包括：接收前端请求，所述前端请求包括前端所请求的目标页面的标识信息以及所述前端中当前登录用户使用的当前角色；基于所述标识信息，查找与所述目标页面对应的元素权限信息，所述元素权限信息用于限定所述目标页面中需要权限控制的元素在不用角色下显示或隐藏的权限配置信息；基于所述当前角色与所述元素权限信息中的角色匹配和组装，获得所述用户权限列表，所述用户权限列表用于限定所述需要权限控制的元素在所述当前角色下显示或隐藏的权限；以及将所述用户权限列表反馈给所述前端，以使所述前端基于所述基于所述用户权限列表，控制所述需要权限控制的元素的显示或隐藏。
[0008]根据本公开的实施例，所述方法还包括：预先设置所述元素权限信息。
[0009]本公开实施例的第三方面，提供了一种用于控制页面元素的显示权限的前端装置。所述前端装置包括第一接收模块、第一获取模块、第二获取模块、以及显示控制模块。第一接收模块用于接收用于访问目标页面的用户操作。第一获取模块用于响应于所述用户操作，从后端获取所述目标页面的原始页面、所述目标页面的标识信息以及所述前端中当前登录用户使用的当前角色。第二获取模块用于在对所述原始页面进行渲染之前，基于所述标识信息和所述当前角色，从所述后端获取用户权限列表；其中，所述用户权限列表用于限定所述目标页面中需要权限控制的元素在所述当前角色下显示或隐藏的权限信息。显示控制模块用于在对所述原始页面进行渲染时，基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏。
[0010]本公开实施例的第四方面，提供了一种用于控制页面元素的显示权限的的后端装置。所述后端装置包括第二接收模块、查找模块、匹配组装模块以及发送模块。第二接收模块用于接收前端请求，所述前端请求包括前端所请求的目标页面的标识信息以及所述前端中当前登录用户使用的当前角色。查找模块用于基于所述标识信息，查找与所述目标页面对应的元素权限信息，所述元素权限信息用于限定所述目标页面中需要权限控制的元素在不用角色下显示或隐藏的权限配置信息。匹配组装模块用于基于所述当前角色与所述元素权限信息中的角色匹配和组装，获得所述用户权限列表，所述用户权限列表用于限定所述需要权限控制的元素在所述当前角色下显示或隐藏的权限。发送模块用于将所述用户权限列表反馈给所述前端，以使所述前端基于所述基于所述用户权限列表，控制所述需要权限控制的元素的显示或隐藏。
[0011]本公开实施例的第五方面，提供了一种用于控制页面元素的显示权限的系统。所述系统包括上述的前端装置、以及上述的后端装置。其中，所述前端装置设置于前端，所述后端装置设置于后端，并且所述前端和所述后端通信连接。
[0012]本公开实施例的第六方面，提供了一种电子设备，包括一个或多个存储器、以及一个或多个处理器。所述存储器存储有可执行指令。所述处理器执行所述可执行指令以实现上述第一方面或第二方面所提供的方法。
[0013]本公开实施例的第七方面，还提供了一种计算机可读存储介质，其上存储有可执行指令，该指令被处理器执行时使处理器执行上述第一方面或第二方面所提供的方法。
[0014]本公开实施例的第八方面，还提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述第一方面或第二方面所提供的方法。
附图说明
[0015]通过以下参照附图对本公开实施例的描述，本公开的上述内容以及其他目的、特征和优点将更为清楚，在附图中：
[0016]图1示意性示出了根据本公开实施例的用于控制页面元素的显示权限的系统架构图；
[0017]图2示意性示出了根据本公开实施例的应用于前端的用于控制页面元素的显示权限的方法的流程图；
[0018]图3示意性示出了根据本公开实施例的用于控制页面元素的显示权限的前端装置
的框图；
[0019]图4示意性示出了根据本公开实施例的应用于后端的用于控制页面元素的显示权限的方法的流程图；
[0020]图5示意性示出了根据本公开实施例的用于控制页面元素的显示权限的后端装置的框图；
[0021]图6示意性示出了根据本公开另一实施例的用于控制页面元素的显示权限的方法流程图；以及
[0022]图7示意性示出了根据本公开实施例的适于实现用于控制页面元素的显示权限的方法的电子设备的方框图。
具体实施方式
[0023]以下，将参照附图来描述本公开的实施例。但是应该理解，这些描述只是示例性的，而并非要限制本公开的范围。在下面的详细描述中，为便于解释，阐述了许多具体的细节以提供对本公开实施例的全面理解。然而，明显地，一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本公开的概念。
[0024]在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种用于控制页面元素的显示权限的方法，应用于前端，其中，所述方法包括：接收用于访问目标页面的用户操作；响应于所述用户操作，从后端获取所述目标页面的原始页面、所述目标页面的标识信息以及所述前端中当前登录用户使用的当前角色；在对所述原始页面进行渲染之前，基于所述标识信息和所述当前角色，从所述后端获取用户权限列表；其中，所述用户权限列表用于限定所述目标页面中需要权限控制的元素在所述当前角色下显示或隐藏的权限信息；以及在对所述原始页面进行渲染时，基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏。2.根据权利要求1所述的方法，其中，所述基于所述用户权限列表控制所述需要权限控制的元素的显示或隐藏包括：以所述需要权限控制的元素中每个元素作为所述前端的自定义标签的入参，利用所述自定义标签遍历所述元素权限信息列表，得到每个元素的显示或隐藏的权限信息；以及在对所述原始页面进行渲染时，基于每个元素的显示或隐藏的权限信息在所述前端中显示或隐藏该元素。3.根据权利要求2所述的方法，其中，所述原始页面为采用VUE框架开发的前端页面，所述自定义标签为VUE自定义标签。4.一种用于控制页面元素显示权限的方法，应用于后端，其中，所述方法包括：接收前端请求，所述前端请求包括前端所请求的目标页面的标识信息以及所述前端中当前登录用户使用的当前角色；基于所述标识信息，查找与所述目标页面对应的元素权限信息，所述元素权限信息用于限定所述目标页面中需要权限控制的元素在不用角色下显示或隐藏的权限配置信息；基于所述当前角色与所述元素权限信息中的角色匹配和组装，获得所述用户权限列表，所述用户权限列表用于限定所述需要权限控制的元素在所述当前角色下显示或隐藏的权限；以及将所述用户权限列表反馈给所述前端，以使所述前端基于所述基于所述用户权限列表，控制所述需要权限控制的元素的显示或隐藏。5.根据权利要求4所述的方法，其中，所述方法还包括：预先设置所述元素权限信息。6.一种用于控制页面元素的显示权限的前端装置，其中，所述前...

【专利技术属性】
技术研发人员：杜学智，雷凯跃，刘大鹏，徐春艳，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：